App

2018-06-07阅读(22323)赞(12)

前言 在React Native开发中，我们通常通过StatusBar组件控制状态栏的背景色、文字颜色、显示隐藏： <View> <StatusBar backgroundColor="blue" barStyle="li...

2018-05-26阅读(4604)赞(5)

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

2018-05-16阅读(2789)赞(3)

实现抽屉导航如下： createDrawerNavigator(RouteConfigs, DrawerNavigatorConfig) RouteConfigs 路由配置对象 DrawerNavigatorConfig drawerWid...

2018-05-15阅读(3728)赞(3)

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

2018-05-11阅读(2966)赞(3)

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

2018-05-11阅读(5019)赞(2)

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

2018-05-10阅读(2215)赞(1)

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

2018-05-10阅读(1926)赞(1)

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

2018-05-10阅读(2472)赞(1)

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

2017-12-28阅读(1751)赞(0)

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