React Native
开发小猫
这个作者很懒,什么都没留下…
展开
-
React Native 学习笔记之--布局
React Native 学习笔记之–布局今天记录一下React Native关于布局的基础知识控件宽高React Native中使用width和height来指定控件的固定宽高,用flex可以使控件在可利用的空间中动态地扩张或收缩flex:1 -> 充满全屏export default class MyTest extends Component { render() {原创 2016-11-29 22:57:42 · 565 阅读 · 0 评论 -
React Native项目升级笔记
React Native项目升级笔记由于公司项目规划需要升级,项目直接从0.48直升0.57,公司项目涉及的代码量还是比较多的,此次升级大概花费2周左右的时间,现将遇到的问题记录在下面。iOS原生端的错误RN基础组件编译异常RCTBridgeModule.h解决措施:RNFileOpener.h//#import "RCTBridgeModule.h"//#import "R...原创 2019-02-17 21:22:59 · 1118 阅读 · 0 评论 -
重拾React Native笔记之--原生模块的编写
重拾React Native笔记之–原生模块的编写iOS原生模块原生模块原生模块创建方式及内容包括:1、创建一个原生模块遵守RCTBridgeModule协议2、利用RCT_EXPORT_MODULE()宏导出到JS端调用的方法3、需要导出的常量、枚举等4、向JavaScript端发送事件等(继承RCTEventEmitter类)5、多线程的控制Demo:NativeMod...原创 2019-02-16 21:15:11 · 504 阅读 · 0 评论 -
React Native学习笔记之--向原生应用中集成RN页面
React Native学习笔记之–向原生应用中集成RN页面根据在官方文档的学习要向已有的原生项目中添加RN组件最重要的就是以下几步: 1.Understand what React Native components you want to integrate. 2.Create a Podfile with subspecs for all the React Native原创 2017-01-18 14:57:02 · 1823 阅读 · 0 评论 -
React Native学习笔记之--ListView和RefreshControl实现下拉刷新
React Native学习笔记之–ListView和RefreshControl实现下拉刷新今天利用React Native中的ListView来实现原生开发中的UITableView(Android中就叫ListView)的界面效果。数据数利用Charles抓的网易的数据包,写了一个简单的布局。代码如下:import React, { Component } from '原创 2017-01-17 14:33:03 · 826 阅读 · 0 评论 -
React Native学习笔记之--组件之间数据的传递和跳转
React Native学习笔记之–组件之间数据的传递和跳转自定义属性的定义方式和传递假定组件ComponentA中的自定义属性为static props = { title: '', data: '' }数据的传递(这样在ComponentA便能接收到传递的数据了)<ComponentA title='标题' data="数据"></Component原创 2017-01-16 16:16:18 · 6588 阅读 · 0 评论 -
React Native学习笔记之--常用App框架的搭建(标签栏+导航栏)
React Native学习笔记之–常用App框架的搭建(标签栏+导航栏)市面上面很多APP的框架都是使用标签栏加上导航栏的架构,今天就利用React Native框架来搭建适配iOS和Android双端的框架结构。第一步进入项目工程引入标签栏的框架npm i react-native-tab-navigator --save出现如下图所示表示引入成功,并且在项目工程中可以看到对应文件第二步就是原创 2016-12-28 23:38:25 · 991 阅读 · 0 评论 -
React Native学习笔记之--在LisvView的cell中调用TouchableOpacity的onPress方法时报错
React Native学习笔记之–在LisvView的cell中调用TouchableOpacity的onPress方法时报错最近一直在出差中,对于React Native的学习又暂停了一段时间,今天记录一下自己在LisvView的cell中调用TouchableOpacity的onPress方法时报错的问题。错误提示(见下图):该方法不是一个function, 这个有点蒙逼了(明明是funct原创 2016-12-26 21:32:37 · 1934 阅读 · 1 评论 -
React Native学习笔记之--图片的加载
React Native学习笔记之–图片的加载本篇博客记录的是React Native中图片的加载,包括从网络、iOS(image.assets)和Android的Drawable文件夹中加载图片的方法示例代码:render() { return ( <View style={styles.container}> <Text s原创 2016-12-06 22:48:49 · 3111 阅读 · 3 评论 -
React Native开发环境搭建
React Native开发环境搭建首先安装Homebrew:Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装nodebrew install node安装完node后建议设置npm镜像以加速后原创 2016-11-19 22:33:28 · 494 阅读 · 0 评论 -
React Native利用Animated和SVG实现渐变进度条
React Native利用Animated和SVG实现渐变进度条根据项目需求,在React Native中实现渐变进度条的案例。案例效果案例分析思路:将整个动画视图拆分成背景,进度,图文显示三个部分,分步实现,然后组合起来。案例实现1、需要使用的库,当然有些控件不需要下面的库也是可以实现的,这里采用是项目原因。"react-native-svg": "^9.4.0"...原创 2019-05-09 22:29:14 · 2320 阅读 · 0 评论