
ReactNative
文章平均质量分 56
pang_gua
这个作者很懒,什么都没留下…
展开
-
TypeScript项目环境配置
TypeScript简介TypeScript 由 Microsoft 开源于 Github 上。 TypeScript 是 JavaScript 的超集,额外提供了对强类型和 ES6 的支持。 TypeScript 代码最终会编译成 JavaScript 代码来执行,进而运行在任何浏览器上。TypeScript环境配置ReactNative 项目中 TypeScript 的开发...原创 2018-03-25 17:52:43 · 1284 阅读 · 0 评论 -
ReactNative环境配置及项目结构介绍
ReactNative项目结构介绍创建新项目react-native init HelloRN目录结构在 HelloRN 工程目录下:android/: Android 原生代码目录,主要用于原生库、原生View的编写桥接、以及 ReactNative 第三方库的 link。ios/: iOS 原生代码目录,主要用于原生库、原生View的编写桥接、以及 Reac...原创 2018-03-26 13:09:40 · 1644 阅读 · 0 评论 -
ReactNative中Component的组成
ReactNative 中 Component 的组成Component 组件定义(ES6 Class 的形式定义):class CustomButton extends React.Component<{},{}> { render() { //渲染入口 return (<View></View>) }}注...原创 2018-03-29 01:27:24 · 912 阅读 · 0 评论 -
ReactNative桥接原生库
原生桥接1(类库桥接)Native层 - Java继承 ReactContextBaseJavaModule,代码中只展示了三种通信方式。public class CustomBridgeLibrary extends ReactContextBaseJavaModule {private ReactApplicationContext mContext;public C...原创 2018-04-24 00:21:49 · 1002 阅读 · 0 评论 -
ReactNative桥接原生View和ViewGroup
原生桥接2(原生View/ViewGroup桥接)Native层 -View继承 SimpleViewManagerpublic class CustomBridgeView extends SimpleViewManager<Button> {/** * 桥接 NativeView,需继承自 SimpleViewManager,泛型为NativeView的类型...原创 2018-04-24 23:31:56 · 2840 阅读 · 1 评论 -
react-native-i18n在Android上不生效(Reload和简繁体)的解决方案
react-native-i18n在Android上不更新和不识别的解决方案添加 react-native-i18n 的依赖添加依赖using yarn: yarn add react-native-i18nusing npm: npm install react-native-i18n --savenative配置(auto)react-native ...原创 2018-05-06 12:28:05 · 1578 阅读 · 0 评论 -
ReactNative多个摇杆操控实现
ReactNative多个摇杆操控实现需求在ReactNative中实现多个摇杆操控,即多个滑块同时响应不同手指的触控。调研准备阶段使用 GestureResponderHandlers伪代码...componentWillMount() { this._gesture = { // 在用户开始触摸的时候(手指刚刚接触屏幕的瞬间...原创 2018-05-07 23:32:12 · 1197 阅读 · 1 评论 -
ReactNative实现键值对的同步存取
### ReactNative 实现键值对的同步存取官方 AsyncStorageAsyncStorage 是一个简单的、异步的、持久化的 Key-Value 存储系统。由于是异步的,每个方法都需要返回一个 Promise,不满足同步存取需求。它的使用请参考官方实例。实现同步存取的两种方案使用静态对象持有思路在App启动时,从 AsyncStorag...原创 2018-05-30 23:09:53 · 4403 阅读 · 0 评论