在本机应用程序中,我使用’react-native-vector-icons / MaterialIcons’.
我尝试了一个<带有一些文字的按钮.不幸的是,<图标未与文本对齐.该文本与<但是底部对齐而不是中间对齐. 我没有flex：1.代码已更新. 我的代码
<TouchableOpacity style={styles.navBarLeftButton}>
<Icon name="chevron-left" />
<Text style={styles.buttonText}>My Button</Text>
</TouchableOpacity>@H_403_4@
我的风格
navBarLeftButton: {
flex: 1,flexDirection: 'row',alignItems: 'center',justifyContent: 'flex-start'
width: 100,paddingLeft: 8
}
buttonText: {
color: 'rgba(255,255,0.70)',fontSize: 14
}@H_403_4@
答案是flex：1而不是height.我也使用flexDirection：’row’,因为我有两个元素.
原文链接：https://www.f2er.com/react/300654.htmlnavBarLeftButton: {
paddingLeft: 8,width: 100,flex: 1,justifyContent: 'flex-start'
}@H_403_4@
