React-native 第50页

react-native 调用原生方法

第一步，新建MyReactPackage.java:packagecom.goodthingshappeneverday;importcom.facebook.react.ReactPackage;importcom.facebook.react.bridge.JavaScriptModule;importcom.facebook.react.bridge.NativeModule;importc

liudaweii·2020-08-08 17:35

react-native 与原生互相调用

react-native与原生互相调用explainreact-native也相当于一个activity，所以他启动原生activity，我们需要新建一个module，在其中新建启动原生activity

li905663280·2020-08-08 17:19

react-native移动端如何获取设备信息

这次介绍的获取移动设备信息的组件名叫：react-native-device-info，兼容IOS和安卓双平台，可以获取设备ID、设备品牌、设备型号、IP以及APP版本号等信息。是一个应用很广泛的基础组件。亲测可用，已在双端真机上测试，均能获取到设备信息！安装npminstall--savereact-native-device-info注：如果ReactNaitve的版本大于0.47，那么需要使

hzxOnlineOk·2020-08-08 16:33

自学react-native之必备知识点（ES6+ReactJS+flexbox）

前言最近一段时间在公司进行实习，所以事情比较多，自己学习的时间也少了一些，但是在公司中的收获确实也不小，这两天慢慢稳定下了，也就继续自己写博客的这个习惯吧。下面是正文，最近自己还是学习RN多一些，所以就继续总结这方面。正文在上一篇进行配置RN环境并且跑过demo后，我们来看一下开发RN所需的知识点。如果你没有接触过reactJS，我们首先要掌握的第一个知识点：reactJS。然后我们看到代码的第一

hunterliy·2020-08-08 16:18

react-native调用Android的原生方法

对于从前端转型研究RN的小伙伴们不可避免的就是对Android原生的调用，对于没有接触过Android的来说这是困难重重，这篇文章是我用RN调用原生的一些总结，希望对大家有所帮助。1、初始化一个RN项目用来测试react-nativeinitrnAndroid--version0.46.12、首先运行程序确保RN项目可以运行react-nativerun-android3、创建一个原生模块首先我们

看淡江湖·2020-08-08 16:22

react-native 原生混合项目+真机调试

react-native环境搭建(上)react-native环境搭建(下)但是如果我们还需要原生代码，或者开发完毕后，需要真机调试，光是上面的内容是不能实现的。

guduyishuai·2020-08-08 15:44

React-native设置全局函数globle【适用于有组件嵌套时】

APP的首页App.js里，根据logFlag的值来判断渲染的内容是登录页面还是首页：以前的逻辑是在MyInfo.js文件里的注销按钮里设置isLogin为false，然后跳转到App.js，App.js判断isLogin为false，设置this.state.logFlag为false，然后渲染出组件，即显示出了登录界面。但是问题出现了，当在登录界面登录成功后，默认的逻辑是跳转到App.js界面

Rlusia·2020-08-08 14:45

关于React-native里Android原生模块和组件的写法

原生模块就是把Android里的API导出来给JS调用,说简单一点,就是让自己写的Java函数能够在ReactNative的js代码里调用。比如一些实现高性能的、多线程的代码，还有譬如图片处理、数据库、或者各种高级扩展等等。举个栗子：Toast模块：1、继承ReactContextBaseJavaModule类，实现安卓里面的Toast功能(就是调用Toast.makeText(*))，代码如下：

Rlusia·2020-08-08 14:14

ReactNative 初始化一个新项目，遇到的问题

SDKlocationnotfound.Definelocationwithsdk.dirinthelocal.propertiesfileorwithanANDROID_HOMEenvironmentvariable解决报错的方法：从已有的androidStudio根目录中，复制一份local.properties到react-native

你-这个大笨蛋·2020-08-08 14:06

react-native调用Android原生组件

#react-native和原生交互(Android)1：在Android项目src包下面创建提供给react(以下简称rc)调用的类packagecom.view;importandroid.widget.Toast

王爷也疯狂·2020-08-08 11:08

React-native调用Android原生模块

准备工作:具体详情参考React-Native官方文档IDE:WebStorm和AndroidStudio(webstorm不支持java高亮,所以用AS辅助下)demo放到github上了,有需要的可以参考一下

踏雪-飞鸿·2020-08-08 11:05

React-Native踩坑记4

异常1:这个错误的原因一般是render中return的内容写错了，如下面这样缩进不对就会报错修改后：异常2:原因：export导出组件不规范导致的下面是错误的代码：在文件中exportdefaultAppNavigator1=StackNavigator({TrendingPage:{screen:TrendingPage}},{navigationOptions:{header:null}})

风一样的男人_·2020-08-08 02:53

react-native获取农历日期和二十四节气

react-native获取农历日期和二十四节气这是做react-native开发以来写的第一篇文章，记录一下开始，以后还会有更多的文章发出来！

zhoushx·2020-08-07 22:55

react-native系列(1)入门篇：了解RN前景和入门指引

React-Native是一门用于开发移动应用程序的开源技术。

黄泽平·2020-08-07 22:51

React-native link命令的详细讲解

1.使用React-nativelink的背景并不是所有的APP都需要使用全部的原生功能，包含支持全部特性的代码会增大应用的体积。但我们仍然希望能让你简单地根据自己的需求添加需要的特性。在这种思想下，我们把许多特性都发布成为互不相关的静态库。大部分的库只需要拖进两个文件就可以使用了，偶尔你还需要几步额外的工作，但不会再有更多的事情要做了。我们随着ReactNative发布的所有库都在仓库中的Lib

最萌小熊猫·2020-08-07 21:12

React-native实现定位的功能

1、在React-native中实现定位的功能的几种方式。（1）.使用rn中的自带的Geolocation实现定位。（2）.用第三放库react-native-location实现定位。

最萌小熊猫·2020-08-07 21:12

React-Native开发之原生模块封装（Android)升级版

本文主题：如何实现原生代码的复用，即如何将原生模块封装。（尊重劳动成果，转载请注明出处：http://blog.csdn.net/qq_25827845/article/details/52862892）有时候我们的应用需要进行访问原生平台系统的API接口，但是ReactNative可能还没有封装相应功能组件。还有可能我们需要去复用一些原生java代码而不是让JavaScript重新去实现一遍。或

weixin_33862188·2020-08-07 20:48

IOS真机调试

前段时间参与了一下react-native项目，需要ios真机调试，其实网上也有教程，但是一路摸索来还是遇到了不少问题，特此记录一下。

weixin_30393907·2020-08-07 19:24

安卓转战React-Native之windows下android环境搭建爬坑血泪史

前言最近又有新的项目立项，所以好久都没有写博客了，然后都是利用闲暇时间来学习React-native。

Losileeya·2020-08-07 19:22

React-Native新列表组件FlatList和SectionList学习 | | 联动列表实现

React-Native在0.43推出了两款新的列表组件:FlatList(高性能的简单列表组件)和SectionList(高性能的分组列表组件).http://www.cnblogs.com/shaoting

大灰狼的小绵羊哥哥·2020-08-07 18:31

React-native:FlatList基本使用

{return!this.state.FlatListIsLoding?{this.setState((prevState)=>({FlatListIsLoding:true}));setTimeout(()=>{this.setState((prevState)=>({FlatListIsLoding:false}));},3000)}}>点击加载更多:;}}ItemSeparatorCompo

石博·2020-08-07 18:29

react-native ios-run各种报错错误cfbundleidentifier not found、缺少lib 、

react-nativeios-run报错1.CFBundleIdentifier",DoesNotExist这个错误网上看似答案很多,但你尝试后发现都没用。很多sb答案说"你的版本太高,让你改那个依赖文件降低版本、然后删掉node模型文件夹。再重新npminstall。面对这种sb回答千万不要轻信他们。往往这些人都是复制别人的答案转载的。CFBundleIdentifier",DoesNotEx

s31213·2020-08-07 17:26

集成RN到现有的产品项目中的踩坑记

官方参考文档：http://facebook.github.io/react-native/docs/integration-with-existing-apps.html既然是踩坑记，那么即使很好的follow

openglnewbee·2020-08-07 15:55

FlatList测试

importReact,{Component}from'react';import{View,Text,FlatList}from'react-native';constdata=[{key:'a',text

神以灵·2020-08-07 14:36

129.精读《React Conf 2019 - Day2》

FastrefreshFastrefresh是更好的react-hot-loader替代方案，目前仅支持react-native平台，很快就会支持react-dom平台。

黄子毅·2020-08-07 12:13

React-Native之（小白计划五）FlatList的Demo

,{Component}from'react';import{StyleSheet,Text,View,FlatList,RefreshControl,ActivityIndicator,}from'react-native

___Alive___·2020-08-07 12:53

react-native 初始化项目报错 Error: Command failed: yarn add react-native --exact，解决方法！

今天在初始化react-native项目的时候，总是报错，发现是因为最新的react-native版本（0.56）和我本地的node版本不符合导致的，最新版本要求node版本>=8。

小太阳sunshine·2020-08-06 11:09

React Native 裁剪图片，干货！

import{ImageEditor}from"react-native";varresolveAssetSource=require('resolveAssetSource');console.log

tongxintong·2020-08-06 10:11

React-Native常用第三方库

功能层面1、页面导航react-native-navigation：https://reactnavigation.org/docs/en/3.x/getting-started.html2、状态管理mobx,mobx-react：https://cn.mobx.js.org/refguide/api.html3、持久存储react-native-storage：https://github.co

举世武双·2020-08-06 10:27

基于Taro封装的微信小程序框架

根据官方介绍：现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同

夕阳枫·2020-08-05 22:11

React-Native 环境搭建和使用模拟器调试

关于React-NativeReactnative源自React，React是一套可以用简洁的语法高效绘制Dom的框架。React中需要使用JSX语法，JSX是对JavaScript的扩展。JSX可以将CSS，HTML，表达式进行一起书写，简化了html代码书写的形式。优势跨平台兼容性使用ReactNative，您可以编写一次代码并多次部署到Android和iOS操作系统。对于创业公司来说，这样可

ZHANG___666·2020-08-05 22:16

android 使用Realm数据库

写在前面：我们再做一个三端的UI以及api的框架，其中数据库部分想采用realm，但前期参考不够全面，暂时得知的realm知识点不足以把这个框架进行下去，导致没有结合于react-native。

沉默的爆发·2020-08-05 20:54

React-Native入门指南——第4篇react-native布局实战（二）

React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用

weixin_34217773·2020-08-05 20:36

react-navigation 如何判断用户是否登录跳转到登录页

Component}from'react';import{AppRegistry,Text,View,Button,Image,StyleSheet,BackHandler,ToastAndroid}from'react-native

RitchieWei·2020-08-05 20:28

Android数据库框架五、Realm

拥有更快的速度，并且具有很多现代数据库的特性，比如支持JSON，流式api，数据变更通知，自动数据同步,简单身份验证，访问控制，事件处理，最重要的是跨平台，目前已有Java，ObjectiveC，Swift，React-Native

明潮·2020-08-05 20:08

前端工作3个月小结

学习方法我一共花了一个多月学习前端，从基本的HTML、CSS和JS，到后来的react-native、vue.js、jQuery等前端框架。感觉到前端需要学习的东西真的很多。

violet-jack·2020-08-05 16:18

【jenkins】安装Jenkins报错:This Jenkins instance appears to be offline(离线错误)

最近要做jenkins持續集成，以前也用过不过是14年的事了，最近需要做React-native安卓应用自动打包发布。

Jabony·2020-08-05 16:45

ReactNative 布局篇

三列布局篇importReact,{Component}from'react'import{Text,View,Image}from'react-native'conststyles=StyleSheet.create

yedegesong·2020-08-05 14:00

React-Native工程项目打包编译发布过程详解

前言现在大红大紫的React-Native框架热度可谓与日俱增，React-Native的热更新操作，在开发过程中的确带来很多好处，但是对于发布来讲，不同平台却不尽相同，下面来具体看一下Android和

天外野草·2020-08-05 13:08

【前端前沿看点】深度本质分析对比weex和react native

摘要：#前言weex的思想是多个平台，只写一套代码，而react-native的思想是多个平台可以写多套代码，但其使用的是同一套语言框架。weex的目标在于抹平各个平台的差异性，从而简化应用开发。

占有欲极强的无知偏执狂·2020-08-05 12:19

React Native解决在ios13暗黑模式下状态栏都为白色的问题

修改node_modules/react-native/React/Modules/RCTStatusBarManager.m文件将RCT_ENUM_CONVERTER(UIStatusBarStyle

marsur·2020-08-05 01:08

React-Native代码自动提示（WebStorm）

首先，clonegithttps://github.com/virtoolswebplayer/ReactNative-LiveTemplateReactNative的代码模板,包括:组件名称Api名称所有StyleSheets属性组件属性[2015-12-25]新增安装方法一file->importsettings->ReactNative.jar方法二Mac下安装将ReactNative.xm

ZhuoZhuoWei·2020-08-05 00:27

蛋疼的react-native与react-devtools

react-native版本：react-devtools版本：3.2.1谷歌版本：这几个版本放在一起就蛋疼了，react-native始终无法在react-devtools或chrome上进行调试1、

zdluoa·2020-08-04 09:13

react-native 实现渐变色背景

1、需要借助插件react-native-linear-gradient插件安装：yarnaddreact-native-linear-gradientreact-nativelinkreact-native-linear-gradient2、导入react-native-linear-gradient依赖BVLinearGradient3、使用react-native-linear-gradie