React Native flex-box выравнивает значок и текст
Вreact native
приложение, я использую'react-native-vector-icons/MaterialIcons'
.
Я пытаюсь<
кнопка с текстом. К сожалению,<
значок не выровнен по центру с текстом. Текст находится на той же строке, что и<
но выровнен снизу, а не посередине.
У меня не былоflex: 1
, Код был обновлен.
Мой код
<TouchableOpacity style={styles.navBarLeftButton}>
<Icon name="chevron-left" />
<Text style={styles.buttonText}>My Button</Text>
</TouchableOpacity>
Мои стили
navBarLeftButton: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'flex-start'
width: 100,
paddingLeft: 8
}
buttonText: {
color: 'rgba(255,255,255,0.70)',
fontSize: 14
}