ReactNative底部随键盘弹起,KeyboardAvoidingView组件padding和position实际效对比

因为业务需求需要底部工具条要随键盘一起弹起,所以我使用了RN自带的KeyboardAvoidingView组件。

KeyboardAvoidingView组件的behavior属性有三个参数padding、position、height。

height使用后好像没什么变化,所以我这里不做介绍了。主要展示一下padding、position的效果,安卓环境。

padding如图:

padding效果还不错,是我想要的。代码如下:

<KeyboardAvoidingView style={{flex: 1}} 
behavior="padding"
keyboardVerticalOffset={Platform.select({ios: 40, android: 25})}
enabled>
    <KeyboardAwareScrollView style={{flex: 1}} keyboardShouldPersistTaps="always">
	...代码在上上篇文章里有
    </KeyboardAwareScrollView>
    <View style={styles.bottomBtnBar}>
	...代码在上上篇文章里有
    </View>
</KeyboardAvoidingView>

position如图:

position效果不尽人意,把视图全都顶上去了,拉都拉不下来,弃用,代码如下:

<KeyboardAvoidingView style={{flex: 1}} 
behavior="position"
contentContainerStyle={{height: px(1190)}}
enabled>
    <KeyboardAwareScrollView style={{flex: 1}} keyboardShouldPersistTaps="always">
	...代码在上上篇文章里有
    </KeyboardAwareScrollView>
    <View style={styles.bottomBtnBar}>
	...代码在上上篇文章里有
    </View>
</KeyboardAvoidingView>

 

校园失物招领微信小程序源码, 失物招领小程序主要为解决大学生时常丢失物品而且很难找回以及归还过程繁琐不方便的问题, 与传统的失物招领方式不同,该款校园失误招领小程序拥有快捷发布寻物启事和失误找领功能, 快速查找、极速归还、高效沟通、防误领冒领等功能, 在开发校园失物招领小程序前与用户访谈发现有近40的同学校园内频繁丢失物品、证件、校园卡等, 数码产品、日用品等,丢失区域主要发生在教学楼、图书馆和食堂。 拾领校园失物招领小程序继承了寻物启事和失物招领,丢失物品或拾取物品都可发布帖子, 首页的横幅滚动公告展示通知公告等,banner图片化的方式更具有视觉吸引力, 最新信息可显示最近发布的招领信息或寻物信息,更加方便快捷的展示信息, 用户可通过首页的发布按钮发布帖子,发布者只需填写物品的相关信息,类别、地点等相关信息, 并且可以填写手机号开启认领验证,并可以一键生成二维码分享或分享至群聊和朋友圈。 列表内可以筛选物品类别或精确搜索,物品详情里可展示物品的相关信息, 确认是自己的物品后可点击认领,然后验证信息,需填写物品的关键信息以作辨认, 防止冒领误领,物品详情页可生成二维码海报分享,还有即时的消息联系功能以提高沟通效率, 发布者还可选择放置在代收处,双方还可以通过拨打电话紧急联系,用于紧急情况,让失物找到主人, 个人中心可以管理发布的物品帖子,管理个人信息,包括昵称、默认学校、手机号的修改、 编辑发布的物品帖子、获取帮助等。帮助用户流畅的使用该小程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值