随笔分类 - react native
主要包含react native的相关知识点， 如第三方组件的使用，以及android相关的知识
摘要：多个箭头函数，例如： const navigateOnce = (getStateForAction) => (action, state) => { const {type, routeName, params} = action; return ( state && (type Navigati
阅读全文
摘要：带有StackNavigator的Modal弹出层 const StackReouteConfig = { Login: { screen: Login }, Register: { screen: Register }, ForgetPassword: { screen: ForgetPasswo
阅读全文
摘要：一、前言： react-navigation 3.x 版本中， 使用createDrawerNavigator 替换 原先的DrawerNavigator 方法； 那么，当前createBottomTabNavigator、createStackNAvigator、createDrawerNavig
阅读全文
摘要：一、react-navigation的初使用 createStackNavigator ==> createSwitchNavigator ==> createAppContainer createBottomTabNavigator ==> 自定义的底部Tab NavigationActions
阅读全文
摘要：一、方法简介 1. 应用中的每个页面组件都会自动提供 this.props.navigation this.props.navigation可以获取的一些方法： navigate - 转到另一个页面, 计算出需要执行的操作 （常用） goBack - 关闭活动屏幕并在堆栈中向后移动 （常用） add
阅读全文
摘要：安装配置请看： react-navigation 3.x版本的安装以及react-native-gesture-handler配置 2.0以前版本： StackNavigator - 一次只渲染一个页面，并提供页面之间跳转的方法。 当打开一个新的页面时，它被放置在堆栈的顶部 TabNavigator
阅读全文
摘要：一、安装依赖，使用npm或yarn命令，3.x版本必须安装react-native-gesture-handler 二、 配置react-native-gesture-handler，可以执行如下命令 android执行此命令，有时候会没有效果，需要检查核实 查看android/settings.g
阅读全文
摘要：先上步骤： 一、 生成签名文件（my-release-key.keystore文件） Android要求所有应用都有一个数字签名才会被允许安装在用户手机上 1. 在项目目录下运行如下命令： keytool -genkey -v -keystore my-release-key.keystore -a
阅读全文
摘要：一、前言背景： 学习react native的关键在于组件，依靠组件的拼接达到想要的效果，由此可见，组件就像一块块功能各异的零件，最终搭建出我们想要的效果。 今天我们就从组件的导入、导出开始 下面是我们编写react native代码时，很普遍的代码范式： 其实，这就是体现了组件的导入和导出，imp
阅读全文
摘要：一、问题背景： react native的跨平台开发没有button的概念，而是使用touchable系列实现点击触发效果。 而touchable系列就有四个之多，而且相互之间仍有较大差别，这就给我们造成很大的困扰，今天就来分析一下这类在react native中必不可少的组件。 二、分析描述 （一
阅读全文
摘要：react-navigation升级了， 看这个： react-navigation 3.x版本的使用 一、问题背景 react-navigation是react-native官方推荐的，基于Javascript的可扩展且使用简单的导航，功能强大且完备 回顾一下，react-navigation包含
阅读全文
摘要：一、背景： 想要实现一功能： 1. 最多只能输入两位小数，类似的价格限制 2. 实时监听限制输入，禁止输入不符合规范的字符（当输入违禁字符，进行删除操作） 这样做的优点： 1. 在用户输入时直接进行限制，而不是在输入完才进行检测提示 --> 实时性 2. 直接在输入时进行规范，用户体验更好 二、分析
阅读全文
摘要：一、前言 问： 什么是组件的生命周期？ 组件的生命周期中都包含哪些方法，各有什么作用？ 生命周期的方法都在什么时候调用？ 生命周期： 顾名思义，一个主体从出生到死亡的整个过程 学习组件（React的基石、核心），必须先去了解他整个生命的流程，才能掌握组件的使用方法，否则盲目的使用，只是在一次次的碰运
阅读全文
摘要：navigation的几个难点和问题： 1.底部tab是否可以加上中间的大按钮？ 如果加上，如何触发事件？ js文件放哪？ 2.navigation的登录注册页面。成功后应该不能返回刚刚的登录页面？清空页面栈？ 3.登录成功跳转到大厅？意图页面？还是当前所在页？弹出model是不是可以解决所有问题？
阅读全文
