- 博客(11)
- 资源 (36)
- 问答 (3)
- 收藏
- 关注
原创 React-Native进阶_5.导航 Naviagtion
有这样一个组件 他可以控制页面跳转 返回,在移动端叫做导航控制器, 在RN中叫路由我们使用的 react-native-navigation 是一个开源组件库介绍:A complete native navigation solution for React Native - nav bars, tabs, drawer, modals这个组件库的功能很强大,涵盖了类似底部导航的TabNavigator ,屏幕上方导航栏 StackNavigator以及抽屉效果的DrawerNavigator
2017-07-31 02:05:57 1078
原创 React-Native进阶_4.底部标签栏TabBar
原生项目中,我们对底部Tab 很熟悉,点击Tab标签可以切换页面,那么在React-Native 中我们该怎么实现呢。在查了文档后,我们找到了一个TabBarIos ,这个是ios 下使用的Tab 标签,但是没有找到Android 可以使用的,因此 我们需要自己实现,或者使用第三方的,这里,刚接触React不太会自己实现,因此使用github上开源的react-native-tab-navigat
2017-07-29 03:15:36 4797
原创 React-Native进阶_3.触摸高亮显示TouchableHighlight
在安卓原生ListView 点击 其中一个子视图时,会有高亮效果,这个效果在ReactNative 中通过TouchableHighlight 实现,具体使用如下
2017-07-29 02:49:54 4366
原创 React-Native进阶_2.加载指示动画 ActivityIndicator
在安卓原始 App中使用的加载框 ProgressBar 在React -Native 中也是有相对应的视图,叫做ActivityIndicator,对应ios 中React-Native 提供的是 ActivityIndicatorIos
2017-07-29 02:41:45 2469
原创 React-Native进阶_1.抽取样式和组件
导出样式Style 样式可以单独写在一个JavaScript文件中,然后导出给其他JavaScript文件使用比如创建创建Main.js 文件,里面导出stylesimport { StyleSheet,} from 'react-native';const styles = StyleSheet.create({ item:{ flexDirection:
2017-07-28 08:58:28 850
原创 React-Native基础_5.列表视图ListView 网络数据展示
//获取网络数据 并用列表展示 豆瓣Top250 api/** * Sample React Native App * https://github.com/facebook/react-native * @flow */'use strict'import React, {Component} from 'react';import { AppRegistry,
2017-07-27 09:00:18 601
原创 React-Native基础_5.列表视图ListView
列表视图ListView用来显示垂直滚动列表,需要指定两个东西,1 数据的来源 dataSource,2 渲染列表的条目布局 rendRow'use strict'import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, Image, View,
2017-07-27 08:58:54 421
原创 React-Native基础_4.View组件
View组件 对应ios 的UIView android 中的view使用要先导入Viewimport { View} from 'react-native';使用就是View标签,可以添加Style样式,View 可以嵌套View和其他组件文本组件Text 的使用需要View 组件去包装一下 1 Text 组件可以嵌套Text aaabbb 自
2017-07-27 08:55:45 443
原创 React-Native基础_3.Flex布局
Flex布局介绍/** * Sample React Native App * https://github.com/facebook/react-native * @flow */'use strict'import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text
2017-07-27 08:49:07 352
原创 React-Native基础_2.样式Style
2.样式Style基本使用方式1 直接在View 上面写style 内容 <View style={{ backgroundColor: '#07811d', flex: 1 }}> Welcome to React N
2017-07-27 08:46:58 348
原创 React-Native基础_1.初识React-Native项目
1.初识React-Native项目'use strict'//使用严格模式import React, { Component } from 'react';//导入React的Component组件import { AppRegistry, StyleSheet, Text, View} from 'react-native';//导入View Text
2017-07-27 08:45:18 543
React-Native进阶_7.TextInput实现搜索功能
2017-08-03
Android一分钟打900个包
2016-04-20
直播客户端(类似yy直播)
2015-07-07
手势识别切换界面(activity)
2015-05-23
仿惠锁屏 侧滑解锁 屏蔽home按键
2014-12-11
android 闹钟实现原理
2014-12-03
网易新闻客户端框架 slidingmenu 侧滑 仿360手机助手
2014-05-13
Graphics API 示例
2018-05-09
ReactNative Navigation路由传递数据到下一个页面
2017-08-01
ys studio 中.gradle如何配置相对路径
2016-08-22
ys studio 中.gradle如何配置相对路径
2016-08-22
导入 Glide工程 报错如下
2016-06-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人