Reagir ícone e texto de alinhamento de caixa flexível nativa
Em umreact native
aplicativo, eu uso'react-native-vector-icons/MaterialIcons'
.
Eu tento<
botão com algum texto. Infelizmente, o<
O ícone não está alinhado ao centro com o texto. O texto está na mesma linha que o<
mas alinhado ao fundo em vez de alinhado ao meio.
Eu não tiveflex: 1
. O código foi atualizado.
Meu código
<TouchableOpacity style={styles.navBarLeftButton}>
<Icon name="chevron-left" />
<Text style={styles.buttonText}>My Button</Text>
</TouchableOpacity>
Meus estilos
navBarLeftButton: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'flex-start'
width: 100,
paddingLeft: 8
}
buttonText: {
color: 'rgba(255,255,255,0.70)',
fontSize: 14
}