React-native 第70页

React-Native 学习系列课程笔记（React-Native开发环境搭建）

那么今天我们就来尝试一下React-Native，这个一个对于一个移动领域不小的突破，目前其主要针对两个平台，IOS和Android,我们先来搭建一个开发环境，这里推荐大家使用M

天外野草·2020-06-23 21:21

React-Native 运行报 Could not connect to development server.错误

解决方法:在AppDelegate.m文件中,把一下代码中的localhost改为你电脑的IP地址，并且保证你的真机连接的是同一个网络(例如:连接同一个路由的网络)。在mac终端中使用命令：ifconfig可以查看本机IP原：jsCodeLocation=[NSURLURLWithString:@"http://localhost:8081/index.ios.bundle?platform=io

清风沐沐·2020-06-23 20:50

react-native 调用原生module跳转第三方地图软件实现导航功能

同时还增加了app的体积，还有如果这个第三方地图软件的sdk更新了，那你自己的app还的做相应的更新，在react-native这种方法估计也可以，但是没去尝试，因为需求简单，就是实现导航，所以就用了接下来介绍这种方法

_摩西_·2020-06-23 20:24

RN,一起写HelloWord

Paste_Image.png看到标题，相信大部分小伙伴都笑了,无奈啊...上篇文章中，跟小伙伴已经分享了我自己的react-native开发环境配置，结合这些IDE，我们今天就简单的来看下react-native

LL86·2020-06-23 18:41

react-native语法学习总结

1.导入React包importReact,{Component}from'react';import{AppRegistry,Text}from'react-native';2.导出一个类给别的模块用和引用的方法导出

秋珞·2020-06-23 18:06

《React-Native系列》React-Native实战系列博客汇总

今天把博客汇总如下：《React-Native系列》1、初探React-Native《React-Native系列》2、RN与native交互与数据传递《React-Native系列》3、RN与native

coder_小刀·2020-06-23 15:02

[React-Native]RN模块学习-屏幕尺寸和适配

PixelRatio.get()获得屏幕的dpi(像素密度)，其中：PixelRatio.get()===1mdpiAndroiddevices(160dpi)PixelRatio.get()===1.5hdpiAndroiddevices(240dpi)PixelRatio.get()===2iPhone4,4SiPhone5,5c,5siPhone6xhdpiAndroiddevices(32

美乃滋酱啊·2020-06-23 14:38

Mac下配置ReactNative环境

中文：https://reactnative.cn/docs/0.51/getting-started.html英文：https://facebook.github.io/react-native/docs

阿_贵·2020-06-23 14:16

React-Native的CSS和UI布局

原文：链接React-Native就提供了一套iOS原生的组件，这样就不用HTML5去模拟组件了。

星空梦想·2020-06-23 13:44

React-Native 升级 0.40 问题

reactnative版本升级iOSreactNative后出现无法编译的情况，主要的问题是'LexicalPreprocessorIssue'.Reactheaderfilesnotfound.由于之前版本是0.39.0没有问题，升级之后出现问题，所以可以从官方文档找到解决方法，在0.40.0的更新日志如下：iOSnativeheadersmovedThischangeaffectsallnat

点点星尘·2020-06-23 12:17

项目中用到的那些方便流行的库-强烈推荐

本文主要对我们项目中的使用过的一些库流行库做些介绍，后期再对其中的一些库，如RxJava，RxAndroid，retrofit，androidannotations，react-native，做细节的分析

小爱_小世界·2020-06-23 08:33

5000字的React-native源码解析

写在开头近期公众号主攻下React-native,顺便我也复习下React-native,后续写作计划应该是主攻Node.js和跨平台方向、架构、Debug为主如果你感兴趣，建议关注下公众号，系统的学习下

Peter谭金杰·2020-06-23 07:01

【react-native】0.57版本打包报错：Could not resolve all files for configuration ':app:releaseCompileClasspath

react-native版本：0.57.1这个问题原本不是rn版本的问题，原因是0.57.1将AndroidSDK的版本更新到27了。

Afresh_Kedou·2020-06-23 02:19

react-native找不到对应的SDK-手动配置SDK

FAILURE:Buildfailedwithanexception.*Whatwentwrong:Aproblemoccurredconfiguringproject':app'.>SDKlocationnotfound.Definelocationwithsdk.dirinthelocal.propertiesfileorwithanANDROID_HOMEenvironmentvariabl

复古先生·2020-06-23 02:23

React-Native自定义Alert

from'react'import{StyleSheet,View,TouchableOpacity,Modal,Text,ListView,PixelRatio,Platform,Image}from'react-native'importDimensionsfrom'D

大灰狼的小绵羊哥哥·2020-06-23 02:27

React-Native两种环境的搭建

2018.4.16根据官网http://facebook.github.io/react-native/docs/getting-started.html搭建。系统基本信息：Windows732位。

pengyuan.01·2020-06-23 02:04

React-Native项目中使用Gif图做loading遮罩

尹_路人·2020-06-23 01:32

移动开发者如何更好地学习 React Native？ | 技术头条

作者|魔笛责编|郭芮2015年3月，Facebook正式发布react-native，只支持iOS平台；2015年9月，Facebook发布了ReactNativeforAndroid，让这一技术正式成为跨平台开发框架

CSDN资讯·2020-06-23 01:40

The First Blood创建新项目

reactnative.cn/docs/0.30/getting-started.html#contenthttps://github.com/vczero/react-native-lesson1，打开终端，开始React-Native

CowboyBebop·2020-06-22 22:14

一路同行，介绍一位老朋友，一位Android技术大佬

Android技术之家·2020-06-22 19:46

[Android中react-native调用Native]

(https://segmentfault.com/a/1190000004508328)在react-native中可以通过在java层自定义ReactMethod(https://segmentfault.com

skyyhu·2020-06-22 18:41

react-native 踩坑和一些tips

RN一个完整的项目做下来并迭代好几个版本了，一直没时间总结，这里总结一下。一、问题踩坑1、拿到项目先yarn再react-nativelink不要轻易react-nativeupgrade。慎重！因为可能会把你的iOS项目文件关联搞没！！！！(报":CFBundleIdentifier",DoesNotExist，原因可能很多，网上说的方法不一定适合，我遇到一种情况终端run-ios报这个错，xc

vincent涵·2020-06-22 13:00

react-native flatlist初探

前言长列表或者无限下拉列表是最常见的应用场景之一。RN提供的ListView组件，在长列表这种数据量大的场景下，性能堪忧。而在最新的0.43版本中，提供了FlatList组件，或许就是你需要的高性能长列表解决方案。它足以应对大多数的长列表场景。使用方法FlatList有三个核心属性datarenderItemgetItemLayout。它继承自ScrollView组件，所以拥有ScrollView

浪人_天涯·2020-06-22 12:40

Flutter 会不会被苹果限制其发展?

这个可能性是存在的，而且不止是flutter、react-native、weex、uni-app、taro、Hippy等都存在这个风险，虽然有些框架对比起flutter其他框架存在时间稍长，但是这不可否认它们一直都存在这个风向

恋猫de小郭·2020-06-22 10:37

Windows环境下运行react-native run-android相关问题

Windows环境下运行react-nativerun-android相关问题errorFailedtolaunchemulator.Reason:Noemulatorsfoundasanoutputofemulator-list-avds.warnPleaselaunchanemulatormanuallyorconnectadevice.Otherwiseappmayfailtolaunch.

ZQD1997·2020-06-22 09:19

使用Taro实现小程序商城的购物车功能模块的实例代码

现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要

·2020-06-22 08:23

taro 实现购物车逻辑的实例代码

现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要

·2020-06-22 08:23

5.调试react-native项目

安装babel：一个能把ES6语法转成ES5的工具。npminstall-gbabel1.报错Strictmodedoesnotallow……调试红屏，并报错：ReactNative:SyntaxError:Strictmodedoesnotallowfunctiondeclarationsinalexicallynestedstatement解决办法：在项目根目录创建.babelrc文件，其中写

xiangdong_9013·2020-06-22 08:50

Realm在React-Native中使用

Realm增删改查/***Realm的使用*/varRealmBase={};importRealmfrom'realm';constHomeSchame={name:'HomeData',properties:{id:'int',title:'string',image:'string',mall:'string',pubtime:'string',fromsite:'string',}};co

大灰狼的小绵羊哥哥·2020-06-22 06:36

React-Native App启动页制作(安卓端)

原文地址：React-NativeApp启动页制作(安卓端)这篇文章是根据开源项目react-native-splash-screen来写的。在使用react-native-link命令安装该包后不知是何原因导致app无法运行了。issue也有很多用户说安装该包后项目出错。其实制作app启动页很简单，大可不必引用该包。下面开始正文。splash_screen.gifapp启动页第一是为了宣传，第二

92e6a2b361e8·2020-06-22 06:40

xcrun: error: unable to find utility "instruments", not a developer tool or in PATH

运行react-native项目时，报xcrun:error:unabletofindutility"instruments",notadevelopertoolorinPATH错误，不用急，很简单在安装了

叫兽儿·2020-06-22 02:14

react-native安装与环境配置(基于AndroidStudio)

本文参考自天锁卍斩月的博客，博客地址为：https://blog.csdn.net/u013937668/article/details/78235072一.安装java环境先去官网下载最近java8版本，并进行安装，注意：java8之前的版本是不支持reactnative的，必须使用java8，下载链接接：javajdk，下载完成之后进行环境变量配置，可以参考此链接进行配置，网页：java8环境

JustinNick·2020-06-21 23:35

准备ReactNative开发工具WebStorm

JSXHarmony切换2.设置.js文件中支持react-native语法高亮默认Libraries需要下载react-autosuggestreact-bootstrapreact-bootstrap-daterangepickerreact-boot

星星编程·2020-06-21 22:23

react-native-tab-navigator 使用

'usestrict';importReact,{Component}from"react";import{View,Image,StyleSheet,}from"react-native";importTabNavigatorfrom"react-native-tab-navigator

Senvid丶·2020-06-21 20:43

React-native之Picker控件（10）

一.简介本组件可以在iOS和Android上渲染原生的选择器（Picker）二.属性该控件可以使用View控件的全部属性onValueChangefunction某一项被选中时执行此回调。调用时带有如下参数：itemValue:被选中项的value属性itemPosition:被选中项在picker中的索引位置selectedValueany可以是一个字符串或者一个数字，item所选中的值styl

飞奔的小马·2020-06-21 20:24

react native 使用typescript

但在react-native下，因为packager的配置困难，使用TypeScript一直是个麻烦的选择。

哲学学者·2020-06-21 20:00

npm start 时报错 events.js:186 throw er; // Unhandled 'error' event

pmstart时报错ccl-mac:rn_yxqCC$npmstart>[email protected]/Users/CC/Desktop/RNTest/rn_yxq>nodenode_modules/react-native

cc_sunIsland·2020-06-21 17:58

'double-conversion/double-conversion.h' file not found

reactnative在ios上运行时报错double-conversion/double-conversion.h’filenotfound环境是xcode10.1“react-native”:“0.60.5

cc_sunIsland·2020-06-21 17:58

React-Native 一个简单的头部组件

importReact,{Component}from'react';import{AppRegistry,Dimensions,StyleSheet,View,Text,Button,}from'react-native

焚_44b3·2020-06-21 13:41

React Native 获取状态栏高度，实现沉浸式状态栏

import{NativeModules}from'react-native';const{StatusBarManager}=NativeModules;//iOSOnly

weixin_34356310·2020-06-21 11:29

React-native 文件选择器react-native-file-selector的使用

1、npminstallreact-native-file-selector--save2、最好不要自动link--react-nativelinkreact-native-file-selector手动link步骤A、在android\settings.gradle添加include':react-native-file-selector'project(':react-native-file-

szgxing520·2020-06-21 08:48

React-Native for Android

1.环境搭建：搭建开发环境Homebrew,Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"译注：在MaxOSX10.11（ElCapitan)版本中，homebrew在安装软件时可能会碰到/

heiheiwanne·2020-06-21 07:17

RN精进笔记（四）通讯原理篇

React-Native通讯原理设置SPY_MODE标志为true//MessageQueue.js，需要处于dev模式//http://localhost:8081/index.ios.bundle?

采香行处蹙连钱·2020-06-21 06:13

react-native的CameraRoll组件使用心得

1.saveToCameraRoll保存一个图片到相册。CameraRoll.saveImageWithTag(imgUrl).then((url)=>{alert('图片保存成功');}).catch(error=>{alert('保存照片失败'+error);});}2.getPhotos(params:object)获取手机中相册中的内容,参数params是一个对象,一些删选的条件letfe

既然可以颠覆何必循规蹈矩·2020-06-21 06:37

react-native 环境配置（一）

感觉native的入手还是比一般的文档相对来说比较麻烦的，尤其是各种环境的需求，缺一不可，本博文将从环境配置到入门，剩下的还是看native中文网的文档为主。安装Node、androidstudio、Python2和JavaSEDevelopmentKit(JDK)node，python（直接下载自动添加的环境变量，就不说明了）java下载以及环境配置：1.下载对应要求的版本，native中要求为

槿畔·2020-06-21 05:45

react-native研究笔记

react-nativern搭建开发环境必须安装1.brewinstallnode(或者全局安装node)2.brewinstallwatchmanandflow3.初始化项目react-nativeinitAwesomeProjectcdAwesomeProjectreact-nativerun-ios直接打开xcodeproj报错：8081端口被占用，于是关掉php-fpmoverProps(

采香行处蹙连钱·2020-06-21 03:51

React Native学习之调用Android自定义view

Android端代码：先看下待React-Native调用的Android自定义控

写Android的媛运气不会太差·2020-06-21 03:10

React-Native 小案例

/**作者:lzy时间:2016/08/24*/'usestrict';importReact,{Component}from'react';import{AppRegistry,}from'react-native

早起的小孩没饭儿吃·2020-06-21 03:08

react-native中实现多行文本显示“展开，收起”

需求：近来在react-native项目中产品想要实现，文本多于两行，显示展开的按钮，并支持展开，收起。

yuan·2020-06-21 02:56

react-native程序使用expo管理打包初探及问题汇总

第一次接触rn，我是想使用rn原生写一个app程序的。然后现实给了我一记响亮的耳光一开始还蛮顺利的，正常编译，在设备上运行，在我准备引入导航的时候问题出现了，原本正常的程序在使用npm下载react-navigation官网要下载的依赖之后，程序直接报错，经过一番各种百度，可能是版本兼容的问题（但我使用的是最新rn版本0.62.2，react-navigation也是5.x的文档）=。=再加上使用

proudlx·2020-06-21 02:45

推荐频道

React-native