React—Native
lixuce1234
安卓
展开
-
React native安装,配置
1.首先下载Node.js。下载地址:https://nodejs.org/en/download/2.安装python下载地址:https://www.python.org/downloads/3.终端输入:npm install-g react-native-cliIf you get an error like Cannot find module 'npml原创 2017-05-31 14:10:07 · 1114 阅读 · 0 评论 -
React Native 原生UI组件的基本使用
上文中提到原生模块的使用,现在来简单介绍一下原生UI组件的使用:1. 首先定义你要显示的原生view:package com.demo;import android.content.Context;import android.graphics.Canvas;import android.graphics.Paint;import android.view.View;publ原创 2017-08-21 16:47:57 · 442 阅读 · 0 评论 -
React Native原生模块的基本使用
有时候React Native不能满足我们对app的需求,我么需要原生的代码来封装控件。以简单Toast控件为例:1.首先创建一个原生模块(继承了ReactContextBaseJavaModule的Java类)。在此类中实现Toast的显示方法。package com.demo;import android.content.Context;import android.widg原创 2017-08-21 14:46:32 · 1086 阅读 · 0 评论 -
React native FlexBox布局的基本用法
我们在React Native中使用flexbox规则来指定某个组件的子元素的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构。在组件中的style中指定flexDirection可以决定布局的主轴,子元素是按着水平轴(row)排列,还是数值轴(colum,默认值)排列。flex:定义了元素的可伸缩能力。默认值是0在组件中的style中指定justifyContent可以决定子元原创 2017-07-27 15:41:29 · 278 阅读 · 0 评论 -
React native最基础的入门知识点
Learn once, write anywhere: Build mobile apps with React.1.新建RN项目:$ react-native init MyProject(项目名称)确保项目下有node_modules后,运行$react-native run-android来运行项目。2.RN基本入门及知识点2.1 入口Android的入口文件是根原创 2017-08-17 10:56:02 · 377 阅读 · 0 评论 -
React-Redux的基本用法
React-Redux 将所有组件分成两大类:UI 组件(presentational component)和容器组件(container component)。 1. 因为UI组件不含有状态,UI 组件又称为"纯组件",即它纯函数一样,纯粹由参数决定它的值。 2. 容器组件:特征:负责管理数据和业务逻辑,不负责 UI 的呈现 带有内部状态 使原创 2017-08-01 17:36:37 · 457 阅读 · 0 评论 -
Android react native 嵌入到现有的原生应用遇到的问题
问题1:Caused by: java.lang.IllegalAccessError: Method 'void android.support.v4.net.ConnectivityManagerCompat.()' is inaccessible to class 'com.facebook.react.modules.netinfo.NetInfoModule' (declarat原创 2017-06-15 16:35:46 · 641 阅读 · 0 评论 -
创建React Native项目
1. react-native init MyTest(自己的项目名称) 最后会显示:To run your app on iOS: cd D:\Users\XXX\MyTest react-native run-ios - or - Open ios\MyTest.xcodeproj in Xcode Hit the Run button原创 2017-04-19 14:49:21 · 11365 阅读 · 0 评论 -
React Native --react-navigation
从0.44版本开始,Navigator被从react native的核心组件库中剥离到了一个名为react-native-deprecated-custom-components的单独模块中。如果你需要继续使用Navigator,则需要先npm i -S react-native-deprecated-custom-components,然后从这个模块中import,即import { Navig原创 2017-07-11 16:12:00 · 859 阅读 · 0 评论 -
React Native -- ListView的基本用法
1.属性:dataSource: 列表以来的数据源initialListSize: 指定组件刚加载时渲染多少行数据onChangeVisibleRows(function)可见row的集合变化时 调用此函数。onEndReached(function): 所有数据已经被渲染,滚动到列表底部时会调用此函数,原生的滚动事件会被作为参数传递。第一次渲染时,数据不足以渲染整个屏幕,也会调用原创 2017-07-10 14:43:35 · 292 阅读 · 0 评论 -
React—Native创建项目时遇到的坑(Could not connect to development server),你需要收藏
最新准备自学一些React—Native的东西,然后在配置环境的时候遇到了很多坑,出现了很多问题。由于 Could not connect to development server是我深恶痛绝的一个超级大BUG。为什么这么说呢? 因为这个BUG并不容易在网上找到解决方法。网上确实有这个BUG,但是大部分都是解决iOS开发中遇到的,一些老外的网站中也在原创 2017-06-02 15:39:16 · 4588 阅读 · 0 评论 -
react-native 键盘遮挡view的解决办法
react native 当文本输入框获得焦点,弹出键盘时,ios弹出的键盘会遮挡住view。Android一般不会遇到这个问题,如果Android也遮挡的话,可以尝试修改 android/app/src/AndroidManifest.xml文件ios解决办法:import KeyboardSpacer from 'react-native-keyboard-spacer' <Vi...原创 2018-02-27 15:25:11 · 2410 阅读 · 0 评论