React-native 第34页

React-router4详解看完你就懂了

React-router4详解看完你就懂了React-router4(RR4)组成部分：react-router核心react-router-dom(基于浏览器环境的开发)react-router-native（基于react-native

无月星更明·2020-10-14 10:32

React中Redux与Ref 联合使用时值得关注的一个问题

相信用过React(或者React-Native，以下简称RN)的朋友对Redux和Ref这两个概念都很熟悉，前者是开发React或RN比较常用的数据管理框架，当然不仅仅限于React或RN；后者是React

风吹过的夏夜·2020-10-11 16:15

react-native 跳转到原生ViewController

将rootViewController放到导航控制器中，在rn中调用原生方法，跳转到新的ViewControllerhttps://github.com/wsytl/navigationTest

ablac·2020-10-11 10:57

React-Native 从零搭建App

基础储备什么是React-native，算了自己查吧~环境搭建，相信难不倒你，谷歌度娘任你选，推荐用最新的ReactNativeVersions.合适的文档你能帮助你节省

Vampire_时代·2020-10-11 00:53

01 ReactNative 初始文件分析、IDE和调试

index.ios.js，默认生成的工程下有一个App.js和index.js，内容如下（注释是自己加的）/***SampleReactNativeApp*https://github.com/facebook/react-native

与之书·2020-10-11 00:27

react-native NavigatorIOS 使用方法

importReact,{Component}from'react';import{Platform,StyleSheet,Text,View,NavigatorIOS,TouchableOpacity}from'react-native

Volon·2020-10-10 23:47

react-native组件(4)--(moment)

moment--react中处理时间的库官网地址http://momentjs.cn安装npminstallmoment--save官网里写的挺详细的也有好多用法，但是没看到时间戳转日期的例子console.log(moment.unix(1481523462171/1000).format("YYYY-MM-DDHH:mm:ss"));console.log(moment(14815234621

吃肉666·2020-10-10 20:56

2018-10-29

React-native中遇到的问题：[图片上传失败...

花花怪女·2020-10-10 17:50

用react-native写一个豆瓣电影的小demo（二）（网络请求–redux）

1.目的：如题。2.准备材料：redux全家桶。3.原因：为了方便管理程序中网络请求到的数据的流动。4.参考链接：redux官方文档，redux入门教程。5.文档中有用的内容总结如下：6.redux的三大原则：单一数据源（有且只有一个store），state是只读的（只能用action来改变store里的内容），用纯函数来处理store的变化（就是reducer）。7.纯函数：纯函数就是只用函数的

shiyuwudi·2020-10-10 13:00

React-Native笔记 React native version mismatch

TIM截图20180508165040.png原因是前一个react-native还在运行。所以要先关闭之前的nodeserver，再重新运行。即下面的终端需要关闭。

blossom_6694·2020-10-10 08:13

RN之Image

加载本地图片：image加载本地图片的方法比较简单，一般只需要设置source属性即可,例如：render(){return();}在React-native开发中，加

漫随天际云卷云舒·2020-10-10 04:38

ReactNative与iOS通信原理解析-通信篇

文章首发个人博客:ReactNative与iOS通信原理解析-通信篇导语：其实原本是想编写一篇react-native(下文简称rn)在iOS中如何实现jsbridge的文章;相信看过官方文档的同学都清楚

mrgaogang·2020-10-09 13:54

在React-native中使用SVG详细过程

首先React-native不能直接引入SVG图片，所以我们要借助两个库来实现，废话不多说，下面直接给出详细过程1.安装react-native-svg（参考我的package.json文件）2.下载你喜欢的

廖子默·2020-10-02 14:42

react-native-webview 之双向通信

react-native通过WebView组件可以非常简单的实现通信，这里通过从RN中分离出来的react-native-webview为例，介绍WebView的通信机制。

fish_yijinc·2020-09-30 16:05

向原有项目中集成React-Native

之前的文章中讲解Node以及React的基本知识，本文就着重讲一下如何向现有项目中集成React-Native。

kyson老师·2020-09-29 11:40

react-native ScrollView 嵌套 FlatList滚动

最近项目遇到需要使用ScrollView嵌套FlatList的功能，当flatList滚动时，ScrollView也在滚动，最后在github上找到了解决办法，防止忘记记录一下！！ScrollView嵌套FlatList滚动，当flatList滚动时，ScrollView禁止滚动this.state={enableScrollViewScroll:true,...}onEnableScroll=v

_若无·2020-09-29 10:52

Xcode 12 & iOS 14 兼容性问题

[React-Native]WorkaroundforXcode12LinkingErrorsLostReact.frameworkreferenceforsomeFrameworkswhichdependsonReact.framework.AddtotheendofPodfilepost_installdo

猎手Andy·2020-09-28 09:38

了解Hybird和小程序和react-native的技术架构

1.HybridApp1.1Hybridapp的优势Hybridapp是介于native和web之间的一种混合app，它既有native良好的用户体验和兼容性特点，又具有web跨平台和快速开发迭代的特点。可以对比下三种app在开发成本，用户体验，迭代速度等方面的表现：webHybridnative开发成本低较低高用户体验差较优优迭代速度快速快速较慢安装不需要需要需要跨平台支持怼支持不支持1.2Hy

kellywong·2020-09-26 13:35

React-Native 中的基本布局技巧

相对布局ReactNative中，position默认值为relative，即相对布局。如果父组件没有设置flex值，则子组件不论是否设置flex，子组件都不会显示在界面上如下示例代码中，子组件会等比例的占满屏幕return();如果父组件设置了flex值，子组件设置了flex值的同时，也设置了高度值，则高度无效如下示例代码中，子组件会等比例的占满屏幕，设置高度并不影响所占的比例return();

Valley4Z·2020-09-21 00:59

react-native 环境部署MAC

1、安装node.js:官网下载并安装；Javajdk用1.8，高版本目前不支持；2、AndroidSDK配置，~/.bash_profileexportANDROID_HOME=/var/root/Library/Android/sdkexportPATH=${PATH}:${ANDROID_HOME}/toolsexportPATH=${PATH}:${ANDROID_HOME}/platfo

GregGao大仙·2020-09-17 16:06

error: Build input file cannot be found: '*******/node_modules/react-native/Libraries/WebSocket/libf

ziliao/RN和Native交互/react-native-blog-examples/Chapter10-RNInteractionWithNative/RNAddNative/node_modules/react-native

小哥、·2020-09-17 14:22

error: Build input file cannot be found: '*******/node_modules/react-native/Libraries/WebSocket/libf.

解决了刚才的'config.h'filenotfound问题，本以为就可以顺畅的跑起来，谁知道又被恶心到了，Buildinputfilecannotbefound！！！问题：error:Buildinputfilecannotbefound:'/Users/galahad/Desktop/ziliao/RN和Native交互/react-native-blog-examples/Chapter10

宵蓝·2020-09-17 13:57

问题-react-native无法运行

react-native--version0.55.0error:Buildinputfilecannotbefound:'/Users/hongye/Desktop/Ecogearing/node_modules/react-native

蛋黄他爹·2020-09-17 12:31

react-native IOS Build input file cannot be found: '~~~~~/node_modules/react-native/Libraries/Web...

尝试添加或者删除libfishhook.a如果解决了你的问题请点个赞！转载于:https://www.cnblogs.com/pengkun06Gmail/p/9747495.html

A13285749898·2020-09-17 10:38

搭建最新版本react-native项目框架，react-navigation 4.x，react-navigation-redux-helpers 4.x，react-redux 7.x版本

由于国内能找到的react-native框架版本都不是最新的，在我搭建的时候遇到了很多坑都无法适用，所以在这里把我搭建的代码给大家参考一下。

ywltoread·2020-09-17 09:22

RN使用setState不生效的解决方法---react-native

原因：因为setState是异步的，改变值以后不能立即使用setState之后，需要走完react-native生命周期，也就是走到render时，state的值才会变成setState设置时的值但是我们在开发过程中会需要

风雨飘飘飘啊飘·2020-09-17 08:54

React-native之flexDirection，justifyContent

row'flexDirection:'column''usestrict';importReact,{Component}from'react';import{AppRegistry,View}from'react-native

別說你還沒有盡力·2020-09-17 07:33

react-navigation Navigation使用

npminstall--savereact-navigation具体代码实现：index.android.js:/***SampleReactNativeApp*https://github.com/facebook/react-native

別說你還沒有盡力·2020-09-17 07:33

安装f8app react-native项目时 nmp install 出错

1.错误1npmERR!Windows_NT6.1.7601npmERR!argv"D:\\nodejs\\node.exe""D:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js""install"npmERR!nodev6.9.2npmERR!npmv3.10.9npmERR!codeEBADPLATFORMnpmERR!notsupUnsupporte

竹溪的竹子·2020-09-17 07:17

React-Native 项目打包(iOS/Android)

1.Android打包第一步:生成Android签名证书签名APK需要一个证书用于为APP签名，生成签名证书可以AndroidStudio以可视化的方式生成，也可以使用终端采用命令行的方式生成。第二步：设置gradle变量1.将你的签名证书copy到android/app目录下。2.编辑~/.gradle/gradle.properties或../android/gradle.properties

Zhyl_Lf·2020-09-17 01:47

react-native打包android的apk报错Duplicate resources

报错问题：react-native在打包apk包的时候报错Duplicateresources报错原因：资源id重复解决办法，找到路径为yourproject/node_modules/react-native

风雨飘飘飘啊飘·2020-09-17 01:01

React-Native 常见报错

1.升级到Xcode10，运行react-nativerun-ios报错CouldnotfindiPhoneXsimulator提示运行react-nativerun-ios--verbose命令找到报错文件node_modules/@react-native-community/cli/build/commands/runIOS/findMatchingSimulator.js修改该文件下的if

szk972092933·2020-09-16 23:09

react-native android状态栏

react-native开发App的时候难免会遇到状态，栏的，背景颜色和字体颜色与App内容页面，色调适配，间言之就是将状态栏颜色与App颜色一致，使用户界面更加整体。

weixin_33696822·2020-09-16 16:57

react-native 报错 Checking the license for package Android SDK Build-Tools 23.0.1Checking the license

react-nativerun-android时可能会报下面错误：CheckingthelicenseforpackageAndroidSDKBuild-Tools23.0.1inXXXYouhavenotacceptedthelicenseagreementsofthefollowingSDKcomponents:XXX错误的原因就很明显，没有acceptedlicense解决方法：cmdcd到

henkun·2020-09-16 15:02

React-Native 构建jsbundle包&&配置code-push

构建js.bundle包react-nativebundle--platformios--entry-fileindex.js--bundle-output--devfalse--assets-destreact-nativebundle--platformios--entry-fileindex.js--bundle-output./ios/ReduxProject/main.jsbundle-

iOS小童·2020-09-16 14:48

react-native系列(9)组件篇：最优列表显示方案FlatList和SectionList

FlatList列表FlatList是一个高性能的列表组件。原理是：只负责渲染当前可见的列表项，对于不可见的项将不会渲染因为可见的项总是有限的，当一个项被划出屏幕后，被滑出项的容器将会成为新滑入的项的容器而不会重新再渲染一个，因此性能要比ScrollView和ListView组件高。下面是一个原理简图：FlatList的属性和方法：属性描述style显示样式data数据源，格式为对象数组，如[{k

黄泽平·2020-09-16 13:19

TypeScript踩坑（持续更新）

配置为JS编写类型声明文件(d.ts)很多第三方库已经有自己的类型声明文件，比如@types/react，@types/react-native，这些需要单独安装，而例如mobx-react和mobx这种会自带类型文件

weixin_33743703·2020-09-16 13:31

使用mobx 渲染react-native FlatList控件观察数据发生变换未重新渲染

在这里我们再FlatList中使用了curElement可观察数据，若我们curElement观察数据发生改变后，我们发现FlatList没有重新渲染，这是为什么呢？我们看看官方的解释吧~简单明了，我们只要在FlatList中加上extraData属性加上我们renderItem里所用到的对象就可以重新渲染啦~{}}/>

拾天·2020-09-16 12:58

[RN] React Native 让 Flatlist 支持选中多个值，并获取所选择的值

importReact,{Component}from'react';import{Image,Text,View,TouchableOpacity,FlatList,StyleSheet,Button}from'react-native

weixin_30273175·2020-09-16 12:58

ES6中Json的与Map之间的转换

转载请标明出处:http://blog.csdn.net/u010046908/article/details/50926322本文出自:【李东的博客】在学习开发React-Native中，从网络请求回来的数据用的

请叫我东子·2020-09-16 12:00

细说react-native中的SectionList

1、在说SectionList之前，我们先来讲讲ScrollView、ListView/FlatList和SectionList几者之间的区别？ScrollView和ListView/FlatList应该如何选择？ScrollView会简单粗暴地把所有子元素一次性全部渲染出来。其原理浅显易懂，使用上自然也最简单。然而这样简单的渲染逻辑自然带来了性能上的不足。想象一下你有一个特别长的列表需要显示，可

王先发·2020-09-16 12:02

React Native：分组列表组件SectionList

importReact,{Component}from'react';import{SectionList,StyleSheet,Text,View}from'react-native';exportdefaultclassSectionListBasicsextendsComponent

总有刁民想杀寡人·2020-09-16 12:19

ReactNative FlatList多布局展示列表数据

importReact,{Component}from"react";import{Button,FlatList,StyleSheet,Text,View,TextInput}from"react-native

你微笑时很美ivan·2020-09-16 11:02

react-native使用SectionList做通讯录列表，分组跳转

前言：最近开发的app中有一个类似手机通讯录的组件，准备自己用SectionList做；注意：本文使用的RN版本为0.55版本，从官方文档上看SectionList是从0.43版本才有的。如果需要使用SectionList，请注意RN的版本问题。首先，看下最后的效果图：其次，接口请求的数据结构（mock模拟）：然后，看一下官方对SectionList数据格式的要求：https://reactnat

halo1416·2020-09-16 11:56

React-native中实现折叠效果

内容自己定义'usestrict';importReact,{Component}from'react'import{View,Text,Image,ScrollView,StyleSheet,}from'react-native'importAccordionfrom'react

halaoda·2020-09-16 11:24

react-native ScorllView中无法使用flex：1填充空间

记录一下在外层是ScrollView的情况下无法实现flex：1的填充效果解决办法：ScrollView上加入该代码：contentContainerStyle={{flexGrow:1}}

不爱笑的猫·2020-09-16 11:40

react-native ListView的属性flexWrap为wrap不起作用解决之道

最近在参照某些例子学习react-native开发ios和Android的app时，碰到如标题所示的问题：ListView的属性flexWrap为wrap不起作用。

tianjun2012·2020-09-16 10:13

React Native使用FlatList渲染列表

1.引入FlatList组件import{FlatList}from'react-native';2.编写列表组件classDeviceListextendsComponent{//转换时间戳getTime

marsur·2020-09-16 10:12

React Native 电商五星好评封装

importReact,{Component,PropTypes}from'react'import{View,StyleSheet,TouchableOpacity,Image,}from'react-native

七月_代码君·2020-09-16 08:52

入门React-Native世界

接触React-Native有一段时间了，本篇博客讲下我对RN的理解，以及入门RN必须要了解的一些基础知识。文中也会贴上一些我认为写得很好的博客链接，也是对自己学习的知识一个总结。

showCar·2020-09-16 08:35

推荐频道

React-native

React-router4详解 看完你就懂了