摘要: //更新2021年8月23日 (1)wxik/react-native-rich-editor 个人认为功能比较全,推荐使用 关于使用的案例,官网上有,我直接粘贴我遇到的几个问题 1. 软键盘弹出时,不把RichToolbar顶上去的解决方法 // 在android/app/src/mian/And 阅读全文
posted @ 2020-07-21 21:32 tengyuxin 阅读(4084) 评论(0) 推荐(1) 编辑
摘要: 我使用的是 VScode 编辑器,有时候,卸载包,安装包就会编译失败,解决方式 gradlew clean 编译错误 Execution failed for task ':app:compileDebugJavaWithJavac'. 这个问题吧,就是我引入 react-native-dialog 阅读全文
posted @ 2019-12-12 17:21 tengyuxin 阅读(837) 评论(0) 推荐(0) 编辑
摘要: 先放一个效果图:该图实现的效果,点击播放按钮,进度条随着时间移动,点击暂停按钮,进度条停止移动 第一步,用到什么库 1.zmxv/react-native-sound 播放声音的库 2.callstack/react-native-slider 进度条的库 第二步,准备播放音频 我测试时,是将mp3 阅读全文
posted @ 2021-12-04 22:55 tengyuxin 阅读(2275) 评论(0) 推荐(0) 编辑
摘要: 解决问题思路 滚动条距离上面的滚动高度(scrollTop) + 滚动条本身高度 = 整个页面的高度(pageHeight) 关键点:滚动条本身高度是多少 事实上,这里就有一个思想误区,人会想直接获取滚动条高度(但找不到这个API,同时滚动条表现出来的高度,也会虽内容变长变短)。 其实你只要考虑一下 阅读全文
posted @ 2021-09-03 11:32 tengyuxin 阅读(1395) 评论(0) 推荐(0) 编辑
摘要: 1. 状态栏组件,react native文档提供了说明。我需要的是设置透明效果,如下图。 代码如下 <StatusBar translucent={true} backgroundColor="rgba(0, 0, 0, 0)" /> 解释:StatusBar设置在哪个页面,加载该页面时才会生效。 阅读全文
posted @ 2020-08-25 15:40 tengyuxin 阅读(3596) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-08-20 16:57 tengyuxin 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 1. 组件结构 2. 实现的效果图 3. 重点解释一些方法 (1)stickyHeaderIndices ,这个属性在ScrollView里面,FlatList也继承了该属性,其主要作用,会让第一个成员固定在视图顶端。我这个实现效果里面,并没有使用这个属性,原因我在测试过程中,我通过滚动距离来添加, 阅读全文
posted @ 2020-08-20 16:52 tengyuxin 阅读(1940) 评论(0) 推荐(0) 编辑
摘要: 一、 stack路由结构的一些效果 (1)横向过渡动画 (2)整个选项卡样式修饰 最终实现效果:动态图 以上两个功能实现都很简单,我测试时,关注了一个问题,navigation 丢失。stackNavigator除了直接组件会自动拥有navigation属性,其余的都没有,那么解决的办法就是使用wi 阅读全文
posted @ 2020-08-18 18:19 tengyuxin 阅读(1220) 评论(0) 推荐(0) 编辑
摘要: 首先说一句,所有请求,都要带一个token信息,很难受啊,我目前直接将token信息放在global下自定的属性里面。(本地存储Storage和AsyncStorage,取一下,好麻烦) global.token = "一串token信息" 正事从响应报文中,获取header信息 fetch('请求 阅读全文
posted @ 2020-08-11 23:02 tengyuxin 阅读(2670) 评论(0) 推荐(0) 编辑
摘要: 1. 标准日期格式 转 时间戳 第一步,设置一个标准日期,获取这个日期格式的时间戳 let timeStr = "2020-08-10 12:34:45"; let newTime = timeStr.replace(/-/g,"/"); //需要转化成这样的时间格式 2020/08/10 12:3 阅读全文
posted @ 2020-08-10 22:34 tengyuxin 阅读(354) 评论(0) 推荐(0) 编辑
摘要: 1. Text组件里面的 文字垂直居中 <Text style={styles.confirmButtonStyle}>确认</Text> confirmButtonStyle:{ width:135,height:44,backgroundColor:'#335484', color:'#FFFF 阅读全文
posted @ 2020-08-06 15:26 tengyuxin 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 在文章、聊天、联系、相册四个页面时,用户点击Android 物理键返回,需要直接退出程序。我这里处理很简单,直接使用react-navigation的属性backbehavior就很快的解决了。 <Tab.Navigator backBehavior="none" //不处理后退行为 > </Tab 阅读全文
posted @ 2020-08-04 10:07 tengyuxin 阅读(270) 评论(0) 推荐(0) 编辑