在本机应用程序中,我使用’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,0.70)',fontSize: 14 }
答案是flex:1而不是height.我也使用flexDirection:’row’,因为我有两个元素.
navBarLeftButton: { paddingLeft: 8,width: 100,flex: 1,justifyContent: 'flex-start' }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。