More than code
Thoughts, stories and ideas

App

【05】移动端(web app、native app、hybrid app)相关文章
React Navigation 指南 8:SwitchNavigator-木子朗

React Navigation 指南 8:SwitchNavigator

李 帅帅阅读(3805)赞(5)

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

React Navigation 指南 6:Tab navigation-木子朗

React Navigation 指南 6:Tab navigation

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

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

React Navigation 指南 5:全屏模态-木子朗

React Navigation 指南 5:全屏模态

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

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

React Navigation 指南 4:配置导航头部-木子朗

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

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

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

React Navigation 指南 3:屏幕切换参数传递-木子朗

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

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

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

React Navigation 指南 2:屏幕切换-木子朗

React Navigation 指南 2:屏幕切换

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

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

React Navigation 指南 1:Hello React Navigation-木子朗

React Navigation 指南 1:Hello React Navigation

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

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

移动端高清、多屏适配方案-木子朗

移动端高清、多屏适配方案

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

一、基本概念 1. 设备像素(device pixel, dp): 设备像素又称物理像素(physical pixel),一个物理像素是显示器(手机屏幕)上最小的物理显示单元,意指显示器上一个个的点。从屏幕在工厂生产出的那天起,它上面设备像...

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

官 网GitHub