react native 布局问题
2024-10-21 09:15:16
1. Text组件里面的 文字垂直居中
<Text style={styles.confirmButtonStyle}>确认</Text>
confirmButtonStyle:{
width:135,height:44,backgroundColor:'#335484',
color:'#FFFFFF',fontSize:16, borderRadius:2,
textAlign:'center',textAlignVertical:'center', //就是这两行
}
最后实现的效果图，如下
2. 给TextInput组件设置高度时，出现光标在中部的情况
添加一行代码： textAlignVertical: "top",就会显示在顶部
3. React Native – TouchableOpacity无法在绝对定位的View中工作（也就是点击事件失效）
解决办法就是将定位属性放在TouchableOpacity组件上。
<TouchableOpacity
style={{position:'absolute',bottom: 60,right: 15,}}
onPress={()=>this.props.navigation.navigate('minemessagescreen')}
>
<View style={styles.customerMessageBox}>
<Image style={{height:23, width:23}} source={require("../imgs/message2_icon.png")}/>
</View>
</TouchableOpacity>
最新文章
- 【WPF】wpf image控件加载网络图片不显示问题，
- SignalR主动通知订阅者示例
- input框只允许输入数字 --------20160705
- 重装Ubuntu16.04及安装theano
- 苹果系统里面部署ASP.NET
- exe4j中"this executable was created with an evaluation错误解决方法
- TortoiseGit使用与操作
- 将war文件解压到指定目录
- [改善Java代码]让多重继承成为现实
- 【转载】Android推送方案分析（MQTT/XMPP/GCM）
- UICollectionView 讲解-备
- [IR] String Matching
- [Bayes] Why we prefer Gaussian Distribution
- Asp.Net Core 2.0 项目实战（9） 日志记录，基于Nlog或Microsoft.Extensions.Logging的实现及调用实例
- 集群通信组件tribes之集群的平行通信
- More Moore and More than Moore
- 洛谷P4859 已经没有什么好害怕的了 [DP，容斥]
- 如何读取R 的sumary（）结果
- Echarts dataZoom缩放功能参数详解：
- Netbeans使用技巧