Cyibing的专栏

React Native -- mobx:   mobx是一个小巧优雅的库，可以帮助我们很好的管理前端状态的变更。  其实mobx提供的不只是Component的自动更新，mobx本身提供的是一种自动更新的机制。  --------------------------------------------------------------------------------------

/** * Created by YiBing on 2017/5/4. */import React from 'react';import { AppRegistry, Text, Button, View,} from 'react-native';import { StackNavigator } from 'react-navigation

/** * Created by YiBing on 2017/5/5. * * 一个StackNavigator详细的例子，效果：1个主页面，2个子页面，每个页面有三个按钮，可以跳转到相应的页面。 * * React Navigation -- StackNavigator: API Definition--StackNavigator(RouteConfigs, StackNavi

/** * Created by YiBing on 2017/5/5. * 本程序效果：类似Android中的ViewPager--有2个页面，可以随手势来回切换，也可以点击Tab切换。 * API Definition -- TabNavigator(RouteConfigs, TabNavigatorConfig)。 * * RouteConfigs -- 和StackNaviga

本程序功能：两个页面，第一个页面有一个按钮，点击按钮跳转到第二个页面，按返回键可以返回到第一个页面，按标题栏的返回按钮也可以返回到第一个页面。这是一个最简单的Ｒｅａｃｔ　Ｎａｖｉｇａｔｉｏｎ。/** * Created by YiBing on 2017/5/4. * Introducing Stack Navigator: * The title of the HomeScreen i

/** * Created by YiBing on 2017/5/4. */import React, {Component} from 'react';import { StyleSheet, Text, View, TouchableOpacity, ToastAndroid, DrawerLayoutAndroid, Tex

今天记录一下我的一个React Native Demo：具体实现了对Android原生UI的封装和Android原生模块的封装，并且集成腾讯云点播的Android SDK。功能：MainActivity中显示腾讯云点播的视频播放控件，并播放一段视频。点击视频控件跳转到第二个页面。步骤：  一、创建React Native项目；          react-native

转载来自React Navigation(需要科学上网)：https://reactnavigation.org/docs/navigators/navigation-propScreen Navigation Prop:  Each screen in your app will receive a navigation prop which contain the follow

知识点：1.// 用ListView实现类似Android中GridView的布局效果contentContainerStyle={{flexDirection:"row",flexWrap:"wrap"}}2.//删除数据组中的元素，index代表开始位置，1代表删除的个数。data.splice(index, 1);3.// 返回上一级页面this.

/** * Created by YiBing on 2017/5/5. * DrawerNavigator：主要和StackNavigator功能差不多，然后多了抽屉功能。 * 本程序效果：有三个页面，每个页面都能打开抽屉，抽屉页面显示的是三个页面的名称, * 每个页面可以跳转，Home->Notifications->Notifications2, 点击抽屉中的条目，也可以跳转到相