Ss_Xdh-CSDN博客

原创 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 3163 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 239

转载 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 649

原创 react-native 初始页面添加双击退出，跳转到其他页面也触发双击退出函数问题

今天在使用react-native BackHandler绑定双击退出时，遇到一个大坑，在使用react-navigation时，初始页面绑定双击退出函数，在页面卸载时删除绑定函数，代码如下：const lastBackPressed = Date.now();export default class HomepageIndexPage extends Component{ ......

2018-06-23 16:33:40 2035 1

原创 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 1687 1

原创 react-navigation组件 TabNavigator模式底部图标tabBarIcon不显示解决方案

今天使用了react-navigation组件中的 TabNavigation模式创建底部导航栏，切换效果非常赞。但在引入react-native-vector-icons组件，并在tabBarIcon中配置了Icon图标的时候，遇到一个大坑，图标始终不显示，也不报错，甚是一头雾水。最后在网上查询，原来是要设置TabNavigator方法的第二个参数中tabBarOptions: { showIc...

2018-06-21 07:46:31 11150

转载 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 293

原创 React Native中组件的生命周期

组件的生命周期就是一个组件从创建到销毁的整个过程。一、Mounting 只调用一次1、定义一个组件的默认属性 getDefaultProps (es5) static defaultProps (es6)2、组件初始化 getInitialState (es5) constructor(props) (es6)3、组件渲染前 componentWillMount4、组...

2018-06-11 07:18:20 245

转载 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 1521

Ss的博客