React-Native
风雨飘飘飘啊飘
这个作者很懒,什么都没留下…
展开
-
react-native打包android的apk报错Duplicate resources
报错问题:react-native在打包apk包的时候报错Duplicate resources报错原因:资源id重复解决办法,找到路径为your project/node_modules/react-native/react.gradle的文件,在dofirst后添加如下dolast代码:doFirst { jsBundleDir.deleteDir() jsBundleDir.mkdirs() reso原创 2020-08-11 11:33:02 · 590 阅读 · 0 评论 -
RN的<Text>多余文字显示省略号
<Text numberOfLines={2} ellipsizeMode={'tail'} >文字文字文字文字文字文字</Text>其中的numberOfLines是文字需要显示的行数,设置***ellipsizeMode={‘tail’}***以后多出部分会显示省略号若有疑问,可留言!如有帮助,可给请作者的一杯咖啡添砖加瓦:...原创 2020-05-09 15:28:45 · 1770 阅读 · 0 评论 -
RN使用setState不生效的解决方法---react-native
原因:因为setState是异步的,改变值以后不能立即使用setState之后,需要走完react-native生命周期,也就是走到render时,state的值 才会变成setState设置时的值但是我们在开发过程中会需要setState即时改变值,那么怎么解决呢。方法代码this.setState({ id: 1},()=>{ console.log(this.state.id)})如上,只需要在setState后面添加一个回调函数即可。若有疑问,可留言!如有帮助原创 2020-05-09 13:21:34 · 1693 阅读 · 3 评论 -
react-native三角形样式
写一个这样的三角形结构:<View style={styles.areaChoice}></View>样式:const styles = StyleSheet.create({ areaChoice:{ width:0, height:0, borderStyle:'solid', borderWidth:6, bord...原创 2019-12-25 11:27:37 · 1970 阅读 · 0 评论 -
React-native用代码写一个向右的箭头样式
写一个这样的向右箭头结构:<View style={styles.iconToDetails}></View>样式:const styles StyleSheet.create({ iconToDetails:{ width: 10, height: 10, borderColor:'#666', borderTopWidth:...原创 2019-12-25 11:22:05 · 1293 阅读 · 0 评论 -
react-native 动画Animated,高度变化的动画
在react-native中我们使用Animated来编写动画的代码。参考文档:react-native 动画api在项目实践中,用到的是最简单的Animated.timing,实现view组件根据高度变化的过渡动画。如图,点击收起的时候,日历高度变化,在高度变化的过程中有个动画过渡的效果。同样,收起以后,再点击展开也会有一个高度变化的动画过渡效果。以下是代码的实现1.引入Anim...原创 2019-10-31 15:41:34 · 3653 阅读 · 0 评论 -
Modeule AppRegistry is not a registered callable module(call runApplication)
Modeule AppRegistry is not a registered callable module(call runApplication)在RN项目启动时,报错如上杀掉所有node进程 ;cmd命令执行,npm start3.启动项目react-native run-ios// 或者 react-native run-android...原创 2019-06-11 18:52:24 · 1731 阅读 · 0 评论 -
React-Native在父组件中绑定子组件的点击事件,父组件传值给子组件
父组件: <CommonBottomBtn />在父组件中,我们想要给CommonBottomBtn这个组件进行事件的绑定,如果单纯使用onPress是不生效的。需要在子组件中给组件进行onPress的绑定,再在父组件中调用,如下所示父组件改变 <CommonBottomBtn itemClick={()=>{this.clickEvent()}} text={...原创 2019-09-17 15:46:55 · 1827 阅读 · 1 评论