
react-native
智能座舱搬砖工
成事在人,休言万般皆是命;境由心造,退后一步自然宽!
展开
-
React-Native学习笔记之:使用Tab react-native-tab-navigator框架
在React Native中,我们通常使用react-native-tab-navigator来做底部导航栏效果,使用前先要在项目中引入对应 依赖库,引用方法:windows环境,cmd命令窗口,进入到项目所在的文件目录,执行:npm install react-native-tab-navigator --save执行完成后,项目中即添加上了react-native-tab-navigator原创 2017-03-29 16:39:26 · 12776 阅读 · 6 评论 -
初探React-Native之Windows下Android端环境搭建
一年前就知道React-Native这个东东,对我来说感觉高大上。可是记得当时只支持Mac电脑下开发,这一条件让苦逼的我直接被拒门外。 React-Native终于支持在windows环境开发,趁目前项目相对比较轻松点,就开始React-Native学习之旅。 学习和使用React-Native,首先要搭建好对应 地开发环境,笨拙的我共了两个工作日中的空闲时间才搞定,期间少不了通过百度等原创 2017-03-09 08:52:34 · 1190 阅读 · 0 评论 -
React-Native学习笔记之:Fetch网络请求
fetch是React Native中的网络请求中最为简单的方法,可以实现大多数的网络请求。把学习的相关知识记录一下:FetchDemo.js文件import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View,} from 'react-native';ex原创 2017-03-23 11:16:45 · 1047 阅读 · 0 评论 -
React-Native学习笔记之:WebView控件使用
和Android及IOS一样,在React Native中也有加载网页数据的控件WebView,常用的方法有:source {uri: string, method: string, headers: object, body: string}, {html: string, baseUrl: string}, number 在WebView中载入一段静态的html代码或是一个url(还可以附带原创 2017-03-30 17:24:55 · 5517 阅读 · 0 评论 -
React-Native学习笔记之:弹框框架Popover简单使用
React Native中的Popover框架实现的效果就类似于Android原生的Spinner或PopWindow实现的下拉框效果, 开源框架地址:https://www.npmjs.com/package/react-native-popoverimport React, {Component} from "react";import { StyleSheet, View原创 2017-04-01 15:37:19 · 8100 阅读 · 1 评论 -
React-Native学习笔记之:AsyncStorage数据存取操作
AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。 我们推荐您在AsyncStorage的基础上做一层抽象封装,而不是直接使用AsyncStorage。 主要使用到的方法有:static getItem(key: string, callback?: ?(error: ?Error, result: ?string) => void)原创 2017-03-27 14:39:47 · 4765 阅读 · 0 评论 -
React-Native学习笔记之:实现简单地登录页面
学习React Native一些时间了,想自己根据学习的知识开发个简单地独立地APP,今天开始第一步,实现登录界面功能:index.ios.jsimport React, {Component} from 'react';import { AppRegistry,} from 'react-native';import Welcome from './pages/Welcome'A原创 2017-04-19 15:10:45 · 7687 阅读 · 2 评论 -
React-Native学习笔记之:导航器Navigator实现页面间跳转
Navigator用来实现不同页面的切换,想设置Navigator,必须确定一个或多个调用routes对象,去定义每个场景。还可以利用renderScene方法,导航栏可以根据指定的路由来渲染场景。//项目的入口index.android.js页面import React, {Component} from 'react';import { AppRegistry, Style原创 2017-04-17 10:03:40 · 4188 阅读 · 1 评论 -
React-Native学习笔记之:Modal实现覆盖效果(类似安卓中PopuWindow)
Modal组件可以用来覆盖包含React Native根视图的原生视图,类似于Android原生控件中的PopuWindow效果。 例如点击某个Button会在当前页面上弹出一个覆盖层页面,可以在上面实现指定的操作。import React, {Component} from 'react';import { AppRegistry, StyleSheet, View,原创 2017-04-17 14:43:43 · 6541 阅读 · 0 评论