- 博客(9)
- 收藏
- 关注
原创 react-native-webview ios加载本地js、css静态资源
最近用react-native做一个学生学习的app,项目当中需要显示展示pdf,我是用webview加载一个本地html,然后用pdf.js来渲染pdf的。至于,为什么不用react-native-pdf ,这里不讨论。用到的静态资源有 jquery.js、pdf.js、pdf.worker.js,都需要在html中用<script src=’…’></scirpt> ...
2019-11-26 18:03:06
3290
3
原创 React-Native ios中复制剪切中文显示
React-Native ios中复制剪切中文显示确保手机系统语言选择简体中文,在Info.list文件中添加如下代码<key>CFBundleLocalizations</key><array> <string>en</string> <string>zh_CN</string></array&...
2019-11-21 10:39:51
269
转载 js 验证正整数的几个函数
以下转载于 https://www.jianshu.com/p/feef5e62dd67//验证正整数+正小数+0 var checkIsPositive = (rule, value, callback) => { var reg = /^\d+(?=\.{0,1}\d+$|$)/ if(reg.test(value)) { callback() }...
2019-10-29 15:32:57
682
原创 react-native 初始页面添加双击退出,跳转到其他页面也触发双击退出函数问题
今天在使用react-native BackHandler绑定双击退出时,遇到一个大坑,在使用react-navigation时,初始页面绑定双击退出函数,在页面卸载时删除绑定函数,代码如下:const lastBackPressed = Date.now();export default class HomepageIndexPage extends Component{ ......
2018-06-23 16:33:40
2063
原创 react-native 安装react-native-video后报错 com.android.support:support-annotations:27.0.0
今天装了react-native-video之后,启动调试react-native run-android,就报错:com.android.support:support-annotations:27.0.0,由于不懂原生开发,看的之后我是一脸懵逼,心里就一个念头,三天前我还装了video库并且运行成功了,今天就怎么报错了???坑坑坑啊!看了我之前安装的 react-native-video的版本...
2018-06-21 23:15:48
1717
1
原创 react-navigation组件 TabNavigator模式 底部图标tabBarIcon不显示解决方案
今天使用了react-navigation组件中的 TabNavigation模式创建底部导航栏,切换效果非常赞。但在引入react-native-vector-icons组件,并在tabBarIcon中配置了Icon图标的时候,遇到一个大坑,图标始终不显示,也不报错,甚是一头雾水。最后在网上查询,原来是要设置TabNavigator方法的第二个参数中tabBarOptions: { showIc...
2018-06-21 07:46:31
11266
转载 react-native 打包android
https://www.cnblogs.com/shaoting/p/7117454.htmlreact-native打包发布发行(Realease)版apk,出现unable to process incoming event 'ProcessComplete' (ProgressCompleteEvent):需要在在混淆文件proguard-rules.pro中加入-keep class an...
2018-06-18 15:15:16
314
原创 React Native中组件的生命周期
组件的生命周期就是一个组件从创建到销毁的整个过程。一、Mounting 只调用一次1、定义一个组件的默认属性 getDefaultProps (es5) static defaultProps (es6)2、组件初始化 getInitialState (es5) constructor(props) (es6)3、组件渲染前 componentWillMount4、组...
2018-06-11 07:18:20
264
转载 ReactNative生成android平台的bundle文件命令
进行React Native的根目录下执行以下命令命令一node node_modules/react-native/local-cli/cli.js bundle --platform android --dev true --reset-cache --entry-file index.android.js --bundle-output android/app/src/main/assets...
2018-06-10 18:35:14
1562
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人