React Native
RitchieWei
人如果没有理想,那么和咸鱼有什么区别!
展开
-
React-native windows 安卓 打包
React-native windows 安卓 打包原创 2017-06-08 13:29:28 · 498 阅读 · 0 评论 -
react-navigation设置navigationOptions中Static中使用this的方法
使用react-navigation时,单页面设置navigationOptions中,进行Static中调用方法,不能像以下设置onPress = {()=>this.navigatePress()} static navigationOptions = ({navigation, screenProps}) => ({ headerTitle: '登录',原创 2017-07-12 11:44:04 · 17336 阅读 · 0 评论 -
React Native 应用在键盘弹出时优雅地响应
在使用 React Native 应用时,一个常见的问题是当你点击文本输入框时,键盘会弹出并且遮盖住输入框。就像这样:有几种方式可以避免这种情况发生。一些方法比较简单,另一些稍微复杂。一些是可以自定义的,一些是不能自定义的。今天,我将向你展示 3 种不同的方式来避免 react Native 应用中的键盘遮挡问题。文章中所有的代码都托管在 GitHub 上转载 2017-08-10 15:39:32 · 1026 阅读 · 0 评论 -
react-native-splash-screen 不支持 react-native 0.47.1
把上面的SplashScreenReactPackage.java 内容替换成:package com.cboy.rn.splashscreen;import com.facebook.react.ReactPackage;import com.facebook.react.bridge.JavaScriptModule;import com.facebook.react.bridge原创 2017-08-17 15:28:42 · 319 阅读 · 0 评论 -
react-navigation 使用详解
一、开源库介绍今年1月份,新开源的React-natvigation库备受瞩目。在短短不到3个月的时间,github上星数已达4000+。Fb推荐使用库,并且在react Native当前最新版本0.44中将Navigator删除。react-navigation据称有原生般的性能体验效果。可能会成为未来React Native导航组件的主流军。本篇内容基于【 ^1.0原创 2017-07-07 14:10:07 · 2846 阅读 · 0 评论 -
reactNative Window系统用模拟器跑android项目环境搭建
reactNative Window系统用模拟器跑android项目环境搭建原创 2017-06-08 13:24:44 · 882 阅读 · 0 评论 -
React Native 项目常用第三方组件汇总
收录一些好用的第三方组件,以方便日常的使用,大家有什么推荐的也可以跟我说,我加进去。如有冒犯,可以联系我删除,O(∩_∩)O谢谢。我发现有什么新的也会更新进去。React Native 项目常用第三方组件汇总:React-native-animatable 动画react-native-carousel 轮播react-native-countdown 倒计转载 2017-06-15 10:13:14 · 645 阅读 · 0 评论 -
react-navigation 如何判断用户是否登录跳转到登录页
新建一个全局存储StorageUtil.jsimport React, {Component} from 'react';import {AsyncStorage} from 'react-native';import Storage from 'react-native-storage';var storage = new Storage({ // 最大容量,默认值1000条原创 2017-07-14 13:46:08 · 13733 阅读 · 2 评论 -
react native 安卓Back键的处理
根据文档,安卓back键的处理主要就是一个事件监听:class App extends React.Component { componentWillMount() { if (Platform.OS === 'android') { BackAndroid.addEventListener('hardwareBackPress', this.onBackA原创 2017-07-14 11:57:11 · 435 阅读 · 0 评论 -
react native 全局变量的使用
RN中有两种方式使用全局变量1.通过导入导出文件的方式新建constants.js文件const object = { website:'http://www.hao123.com', name:'好123',};export default object;需要用到的时候导入文件import constants from './constansts.原创 2017-07-14 11:37:40 · 9369 阅读 · 0 评论 -
react-native 生命周期
实例化getDefaultProps组件类型首次实例化时初始化默认props属性,多实例共享getInitialState实例化时初始化默认state属性componentWillMount在渲染之前触发一次render渲染函数,返回DOM结构componentDidMount在渲染之后触发一次有需要重新渲染(props变更或者setState改变state时)原创 2017-07-12 16:26:21 · 236 阅读 · 0 评论 -
React native之android 打包部署apk的图标,文案,版本设置
React native之android 打包部署apk的图标,文案,版本设置原创 2017-06-21 15:30:12 · 1135 阅读 · 0 评论 -
React Native JDK自带工具keytool生成ssl证书
React Native JDK自带工具keytool生成ssl证书原创 2017-06-08 13:28:24 · 1301 阅读 · 0 评论 -
react-native-image-picker配置
测试环境:android react-native 0.47.1 1、npm install react-native-image-picker@latest --save2、react-native linkAndroid:1、在文件 android/settings.gradle中添加include ':react-native-image-原创 2017-08-21 11:47:09 · 826 阅读 · 0 评论