
RN
文章平均质量分 82
先知丨先觉
喜欢BUG之后的天空,肆意的NEW着对象,人生快哉!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【React Native 安卓开发】----(Flexbox布局)【第二篇】
提示:在运行一个嵌入了RN的工程里面 需要先进入到工程根目录运行 npm start 然后运行工程在模拟器上 每次改动js文件保存后,点击两次R键,就可直接刷新项目。如果是真机摇一摇选择load js 即可更新Flexbox是什么?Flexbox:用来指定某个子元素布局,Flexbox可以在不同屏幕尺寸上提供一致的布局结构。 个人理解类似于安中的RelativeLayout,只是类似,便于安卓小原创 2019-02-16 09:48:39 · 1263 阅读 · 0 评论 -
【React Native 安卓开发】----(View实战之仿携程)【第三篇】
这里讲一下RN中的View组件: 先看一下效果 下面是代码,可以直接copy:后面会给大家一步一步讲解过程,与大家共同成长import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, TextInput, ScrollView, ListView,原创 2019-02-16 09:48:16 · 1557 阅读 · 2 评论 -
【React Native 安卓开发】----(mac下开发环境配置)【第一篇】
1.安装JDK去Java官网下载列表选择Mac OS X x64版2.Android Studio 安装Android Studio安装相信大家都会就忽落了。 SDK配置详见博客: http://blog.csdn.net/github_33304260/article/details/521349223.安装HomeBrew官网:http://brew.sh//usr/bin/ruby -e原创 2016-08-15 18:31:57 · 806 阅读 · 0 评论 -
【React Native 安卓开发】----侧边栏的实现DrawerLayoutAndroid以及第三方框架react-native-side-menu的使用【第六篇】
前言做过安卓原生开发的童鞋们应该都做过侧边栏这个东西,而且对于开源框架SlidingMenu和android官方侧滑菜单DrawerLayout应该都不陌生。 那么今天也在这里给大家介绍一下React-Native中的侧滑菜单DrawerLayoutAndroid和第三方框架react-native-side-menu。DrawerLayoutAndroid介绍封装了平台DrawerLayout(原创 2017-02-22 17:19:45 · 8868 阅读 · 1 评论 -
现有Android项目引入ReactNative--九步大法
为什么写这篇文章,因为很多时候我们是需要在原Android工程中添加ReactNative,而不是直接react-native init hello来创建工程,而且官网的说明不是很详细,不是完全针对安卓的,所以本文的必要性不言而喻。创建Android原生工程新建Android原生工程,这里就不详细叙述了,如下图: 点击finish到这里Android原生工程创建完成。运行原创 2019-02-16 09:27:53 · 7013 阅读 · 35 评论 -
【React Native 安卓开发】----第三方框架的引用之React-native-Swiper框架实现欢迎页【第五篇】
前言今天要介绍的是React-native-Swiper这个RN开源框架,如果你不想用第三方的你也可以自己用viewPagerAndroid去实现,这里先不做介绍了,很简单。 想要了解React-native-Swiper源码的童鞋可以在github直接搜索React-native-Swiper。 对于安卓同学来说应该都用过ViewPagerIndicator 做引导页或者导航栏,这里原创 2019-02-16 09:30:30 · 10260 阅读 · 3 评论 -
【React Native 安卓开发】----(Picker)【第四篇】
什么是Picker?Picker可以在iOS和Android上渲染原生的选择器(Picker)Picker基本用法Picker selectedValue={this.state.language} onValueChange={(lang) => this.setState({language: lang})}> Picker.Item label="Java原创 2019-02-16 09:47:57 · 4472 阅读 · 0 评论