React-Native之小白计划
文章平均质量分 88
RN入门的一些组件使用
___Alive___
努力的学,然后骄傲的活着。
展开
-
React-Native之(小白计划一)StackNavigator简单的跳转
目录结构:1:定义路由页AppNavigatorsimport {StackNavigator} from 'react-navigation';import HomePage from '../pages/HomePage';import Page1 from '../pages/Page1';import Page2 from '../pages/Page2';export...原创 2018-06-01 21:16:51 · 489 阅读 · 2 评论 -
React-Native之(小白计划二)StackNavigator结合TabNavigator
1:目录结构2:App.js页import {AppStackNavigator} from "./navigations/AppNavigators";export default AppStackNavigator;3:AppStackNavigators(路由页)import React from 'react';import { StackNavigator, Tab...原创 2018-06-03 11:32:17 · 863 阅读 · 0 评论 -
React-Native之(小白计划三)StackNavigator+TabNavigator+DrawerNavigator
目录:1:App.js页import {AppStackNavigator} from "./navigations/AppNavigators";export default AppStackNavigator;2:AppNavigatros页(路由页)import React from 'react';import { createStackNavigator, crea...原创 2018-06-03 16:09:46 · 1870 阅读 · 3 评论 -
React-Native之(小白计划四)Flexbox简单布局
图:第一个栗子图:代码:import React, { Component } from 'react';import { Platform, StyleSheet, Text, Image, View, FlatList, TouchableOpacity} from 'react-native';export default ...原创 2018-06-03 17:00:15 · 218 阅读 · 0 评论 -
React-Native之(小白计划五)FlatList的Demo
代码(单页):import React, { Component } from 'react';import { StyleSheet, Text, View, FlatList, RefreshControl, ActivityIndicator,} from 'react-native';type Props = {};const ...原创 2018-06-04 21:38:08 · 2571 阅读 · 1 评论 -
React-Native之(小白计划六)SwipeableFlatList(滑动的列表)
代码:import React, { Component } from 'react';import { StyleSheet, Text, View, TouchableHighlight, SwipeableFlatList,//侧滑列表} from 'react-native';const CITY_NAMES = ['北京', '上海',...原创 2018-06-05 13:54:30 · 3546 阅读 · 2 评论 -
React-Native之(小白计划七)SectionList带分类的列表
代码:import React, { Component } from 'react';import { StyleSheet, Text, View, SectionList,//分类列表} from 'react-native';const CITY_NAMES = [ {title:'一线',data:['北京','上海','广州','深圳...原创 2018-06-06 11:56:23 · 891 阅读 · 2 评论 -
React-Native之(小白计划八)Fetch以及封装
封装前代码:import React, { Component } from 'react';import { StyleSheet, Text, View, Button,} from 'react-native';export default class FlatListDemo extends Component<Props> { ...原创 2018-06-07 12:20:59 · 1971 阅读 · 1 评论