More than code
Thoughts, stories and ideas

React Native

【前端】react naive相关
React Navigation 指南 8:SwitchNavigator-Saxon's blog

React Navigation 指南 8:SwitchNavigator

李 帅帅阅读(2390)赞(4)

认证屏幕 大多数应用程序都要求用户通过某种方式进行身份验证才能访问与用户或其他私人内容相关的数据。通常情况下,流程如下所示: 用户打开该应用程序。 该应用程序从持久性存储装载一些身份验证状态(例如,AsyncStorage)。 当状态被加载...

React Navigation 指南 6:Tab navigation-Saxon's blog

React Navigation 指南 6:Tab navigation

李 帅帅阅读(1978)赞(3)

文章基于 react-navigationv2.0.1 移动应用中最常见的导航风格是基于标签的导航。可以在屏幕底部或者顶部生成Tab导航。 和v1.x中不同的是,由TabNavigator变更为createBottomTabNavigato...

React Navigation 指南 5:全屏模态-Saxon's blog

React Navigation 指南 5:全屏模态

李 帅帅阅读(1060)赞(3)

Dictionary.com对于“模态”没有给出一个令人满意的定义,不过语义UI是这么描述“模态”的: A modal displays content that temporarily blocks interactions with t...

React Navigation 指南 4:配置导航头部-Saxon's blog

React Navigation 指南 4:配置导航头部

李 帅帅阅读(1617)赞(2)

在React Navigation 指南 1:Hello React Navigation中,我们看到了空的导航头部,现在来看如何配置。 1. 设置头部标题 屏幕组件可以有一个静态属性navigationOptions,可以是一个对象或者返...

React Navigation 指南 3:屏幕切换参数传递-Saxon's blog

React Navigation 指南 3:屏幕切换参数传递

李 帅帅阅读(754)赞(1)

1. 参数传递 参数传递分为两个部分: 1. 通过将参数放入一个对象作为navigation.navigate函数的第二个参数传递给参数:this.props.navigation.navigate('RouteName', { /* pa...

React Navigation 指南 2:屏幕切换-Saxon's blog

React Navigation 指南 2:屏幕切换

李 帅帅阅读(725)赞(1)

在上一节“Hello React Navigation”中,我们定义了一个带有两个路由(Home和Details),下面来看如何从Home调到Details。 在浏览器中我们这样实现跳转: <a href="details.html"...

React Navigation 指南 1:Hello React Navigation-Saxon's blog

React Navigation 指南 1:Hello React Navigation

李 帅帅阅读(1084)赞(0)

1. 简介 React Navigation源于React Native社区需要的一个可扩展且易于使用的导航解决方案,该解决方案完全使用JavaScript编写(因此开发者可以阅读并理解所有源代码)。 后续文档基于React Navigat...

React CLI - 快速创建react项目脚手架工具

官 网GitHub