RN
react-native
林胖子的私生活
这个作者很懒,什么都没留下…
展开
-
React-Native 笔记
简书地址:http://www.jianshu.com/p/efe8f29adecdProps属性和State属性Props官方解释:大多数组件在创建的时候可以使用各种参数来进行定制,用于定制的的这些参数就是Prop Props也可用来做界面传递的数据class Bananas extends Component { render() { let pic = { uri:原创 2017-03-03 17:55:07 · 401 阅读 · 0 评论 -
React-Native 热更新以及增量更新
Rn热更新以及增量更新操作不是增量更新,Rn的热更新,流程是下载服务器端上的一个解压包到本地 解压到应用的文件目录这是一个打包后的apk文件,在Rn中我们的js代码都是打包后存放在assets目录中,其中index.android.bundle,可以理解我们js写后打包的代码文件其中Rn加载bundle 的文件的代码片段在ReactNativeHost,在MainApplication中就为我们初始原创 2017-03-24 15:54:23 · 8847 阅读 · 0 评论 -
React-Native 写的小项目Demo Gank.io
最近在写React—Natvie 的项目,但是js基础不好直接还是上手react 有点吃力,所以自己先弄个小项目玩玩,用着gank.io的api写的 一个简单demo简单的实现 技术要点 与原生UI的通信,视图的封装,网络的简单封装,listview,和flex布局的掌握缺陷:ListView 的的刷新机制有问题,图片缩放用的是PhotoView但是没有居中,瀑布流的效果问题下个阶段要实现的 界原创 2017-03-17 11:09:32 · 533 阅读 · 0 评论 -
react-native 圆弧拖动进度条实现
先上效果图因为需求需要实现这个效果图 非原生实现, 难点1:绘制 使用svg难点2:点击事件的处理难点3:封装由于绘制需要是使用svg 此处自行百度 按照svg以及api 教学视图代码块 render() { return ( <View pointerEvents={'box-only'} //事件处理 ...原创 2018-04-09 10:27:31 · 2856 阅读 · 6 评论 -
react native 之双向通信小tips
react natvie 与android 之间的通信原生模块 https://reactnative.cn/docs/0.51/native-modules-android.html#content原生视图 https://reactnative.cn/docs/0.51/native-component-android.html#content在上述没讲全一些常见需求的实现。...原创 2018-05-22 10:51:13 · 937 阅读 · 0 评论 -
react-native 之SwipeableFlatList 侧滑单项解决方案
react-native 侧滑组件SwipeableFlatList 单项侧滑解决SwipeableFlatList 组件是 rn 0.50 出的 提供android ios 侧滑删除效果如下 //ui 网上copy代码/** * Sample React Native App * https://github.com/facebook/react-native * *...原创 2018-08-23 20:38:24 · 2298 阅读 · 1 评论 -
react-native TextInput 中文输入bug 曲线救国
在新的Rn 中Textinput ios 输入中文是输不了的一直有bugimport React, { Component } from 'react';import { Platform, TextInput, Text, View, TouchableHighlight,StyleSheet } from 'react-native';export default class Ap...原创 2018-08-23 21:02:34 · 1173 阅读 · 0 评论 -
react-navigation 源码简单分析以及徒手撸react-navigation简易版
目标简单做个导航效果的Navigator在接触ReactNative中 渲染视图最重要即render方法去渲染,对于react-navigation如何缓存之前的视图对象,以及如何在一个容器里面做到跳转效果(Acitvity 的概念),以及回退了 之前对象还是缓存数据 有了兴趣,在阅读源码后简单模仿了低配版的Navigator首先我们初始化项目后加入react-navigationimpor...原创 2018-11-19 14:42:51 · 627 阅读 · 0 评论 -
React Native 疑难杂症
<View style={{alignSelf:'flex-start'}}><Text>sss</Text></View>原创 2019-02-26 16:15:21 · 2414 阅读 · 0 评论