Tengo dos botones seguidos. Al aumentar el tamaño de letra el texto sale para la siguiente línea. ¿Es posible envolver los botones cuando se aumenta el tamaño de fuente? Estoy tratando de configurar flex: 1 1 50% y min-width para botones y flex-direction: fila; envoltura flexible: envoltura; alinear elementos: centro; para el contenedor, pero ese ajuste para el tamaño de fuente predeterminado y el aumento.

Tamaño del botón prop: ancho: ${props => props.size === 'normal' || props.size === 'grande' ? '100%': nulo};

Tamaño de fuente predeterminado:

Aumentar el tamaño de fuente en la configuración:

Envolviendo con defecto y aumentando:

 <styled.Container> <styled.ButtonWrap> <Button size='minimal' style={{ alignItems: 'center' }} title='Inapoi' type='secondary' /> </styled.ButtonWrap> <styled.ButtonWrap> <Button size='minimal' style={{ alignItems: 'center' }} title='Urmatorul' /> </styled.ButtonWrap> </styled.Container>

 export const Container = styled.View` margin-top: 8px; flex-direction: row; flex-wrap: wrap; align-items: center; background-color: #fa755a; `; export const ButtonWrap = styled.View` flex: 1 1 50%; min-width: 198px; margin-left: 8px; margin-right: 8px; margin-top: 6px; background-color: #0db41b; `;

UPD: Resuelto con

 export const ButtonWrap = styled.View` flex: auto; margin-top: 6px; margin-left: 8px; margin-right: 8px; min-width: 162px; `; export const Container = styled.View` flex-flow: wrap; margin-top: 8px; align-items: center; `;