React-Native

react-native 拆包/分步加载方案

RN中，发布js代码时，会打包成jsbundle形式。随着业务的增大，jsbundle体积也会逐渐增大，特别是多Module场景下，会生成多个jsbundle（包含相同的基础）。不仅增加APP、热更新包体积，也对jsbundle的加载效率造成很大影响。针对jsbundle的拆包，成为集成RN必须考虑的问题。拆包目的解决jsbundle体积过大按需分步加载，提高加载效率提高热更新包diff/load
生光·2019-12-23 21:39

RN HelloWorld & Lifecycle

HelloWorld：importReact{Component,}from'react';import{AppRegistry,Text,}from'react-native';classhelloworldextendsComponent
YxxxHao·2019-12-23 19:58

React-Native Android 打包（window环境）

第一步生成密钥（如果已经有，可以不看）在项目的android/app目录下，在命令行中执行keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity10000密钥口令自行设置，我设置的是123456两次相同生成密钥.png注1：关于密钥的更多信息，请查看https
易之108·2019-12-23 18:36

React Native实战系列第十七篇——综合案例

前言昨天推出了React-Native写的购物车小Demo后，收到很多留言，感谢大家的支持。
撩课_叶建华·2019-12-23 17:56

RN学习6.1 -- TabBarIOS

png代码：importReact,{Component,}from'react';import{TabBarIOS,NavigatorIOS,View,Image,StyleSheet,}from'react-native
watts_log·2019-12-23 13:23

React-Native 0.48.x Undefined symbols

RN升级到0.48.x时,xcode运行报错:Undefinedsymbolsforarchitecturex86_64:"_JSNoBytecodeFileFormatVersion",referencedfrom:+[RCTJavaScriptLoaderloadBundleAtURL:onProgress:onComplete:]inlibReact.a(RCTJavaScriptLoade
萝卜丝巾·2019-12-23 10:19

React-native之 Touchable控件（8）

一.简介ReactNative没有像Web开发那样给元素绑定click事件,Text组件有onPress事件回调，View组件是没有的，但是在实际项目开发中，很多其他的组件也是需要可以被点击的，RN提供了4个组件来赋予被点击的能力（去包裹其他组件即可），这4个组件被称为“Touchable类组件”.TouchableHighlight,TouchableNativeFeedback,Touchab
飞奔的小马·2019-12-23 09:31

查看本地安装的react-native和react版本和最新版本

react-native--version查看当前版本。简写react-native-vnpminforeact-native(目前是0.50.0)知道最新版本后，通过以下命令来安装：[email protected]同样，npminforeact(目前是15.5.0)知道最新版本后，通过以下命令来安装：[email protected]
顺其自然_Cao·2019-12-23 08:16

React Native-布局小练习之登录页面

实现上面布局代码如下：importReact,{Component}from'react';import{AppRegistry,StyleSheet,View,TextInput,Text}from'react-native
JoyceZhao·2019-12-23 08:08

React-Native坑1：Invariant Violation:Application 项目名 has not been registered.

前言在学习一门新技术的你也许有跟我一样的困惑，照着书上或者视频上的敲了。但是就是有各种问题没有出来自己想要的结果。我会将自己在这个过程中遇到的坑都记录下来，不一定全覆盖，但希望这些文章可以解决你的问题。错误提示InvariantViolation:Applicaction项目名hasnotbeenregistered.Thisiseitherduetoarequire()errorduringin
李将军杀到·2019-12-23 07:52

React-Native之Image组件

获取屏幕尺寸varDimensions=require('Dimensions');//引入库letScreenW=Dimensions.get('window').width;//屏幕宽度letScreenH=Dimensions.get('window').height;//屏幕高度letScreenScale=Dimensions.get('window').scale;//分辨率Image
Coder_Answer·2019-12-23 05:19

dva

简介dva是一个基于react和redux的轻量应用框架，概念来自elm，支持sideeffects、热替换、动态加载、react-native、SSR等，已在生产环境广泛应用。详细文档可看官网。
tiger亮·2019-12-23 03:27

http content-type那些你不知道事

1概述我之前一直做android的，后来也做过ios,也写过REACT-NATIVE。以前一直没有什么写文章习惯，但发现，好多知识容易忘记，还是决定记录下来吧，不然很多知识找起来麻烦。
寻欢_75dc·2019-12-23 02:03

React-Native

安装iOS启动注意在xcode项目代码中AppDelegate.m会标识入口文件。例如：jsCodeLocation=[NSURLURLWithString:@"http://localhost:8081/index.ios.bundle"]闪屏界面在哪修改?xcode项目中找到LaunchScreen.xib文件，就是启动界面。手动添加组件或修改文本即可。文本编辑器打开index.ios.js文
alogy·2019-12-22 21:15

在Mac搭建react-native iOS开发环境

针对纯新手的一篇文章。假设有一台刚刚重装系统的mac。或者崭新的mac电脑。中文网搭建开发环境官方网站教程按照官方教程，需要使用homebrew安装node和watchman。1.打开终端，查看电脑是否安装homebrewbrew-v未安装2.如果没有安装，则需要安装homebrewhomebrew官网打开官网查看安装方法，粘贴指令到终端/usr/bin/ruby-e"$(curl-fsSLhtt
nextChallenger·2019-12-22 21:34

移动端跨平台开发的深度解析

 跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。
恋猫月亮·2019-12-22 18:52

android程序加入react-native支持

官方文档英文官方文档中文官方文档个人实践用androidstudio创建一个基本的androidhelloworld程序2016-09-28_172701.png在项目根目录中通过npm向导生成package.json文件，在cmd中输入命令:npminit2016-09-28_173638.png在package.json文件中添加启动脚本"start":"nodenode_modules/re
缝隙里的微尘·2019-12-22 14:21

React Native开发报错和警告相关问题处理

报错1、undefinedisnotanobject(evaluating'_react2.PropTypes.string')备注：react-native版本：0.50.4出错原因：React-Native
Vector_Wings·2019-12-22 14:10

react-native 爬坑经历

常见问题总结:reactnative常见问题总结-1.unabletoloadscriptfromassets‘index.androidbundle’,makesureyourbundleispackagedcorrectlyoryouu’reruningapackagerserverreact-native最新版本爬坑经历(unabletoloadscriptfromassets和couldn
你美你媚儿·2019-12-22 06:23

React Native如何彻底解决安卓标题居中问题

这种方式在react-navigation3.0以下是可以解决的，但最近我做一个公司的新项目的时候把react-native升级到了最新版本，react-navigation也对应升级到3.1.0之后发现这个方法在自定义头部的时候并不奏效
墨子攻城·2019-12-22 06:06

react-native问题与结局方案汇总

时间2018.10.11项目中使用到的包npminstallreact-native-deprecated-custom-components--save//navigator①rn版本0.57.2初始化项目无法运行解决办法:是用老版本rn初始化代码react-nativeinitProjectName--version0.52.1②WebSocket/libfishhook.a链接文件未找到Xc
布枝盗·2019-12-22 01:10

［转］React-Native 第三方库。。。

react-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info设备信息react-native-fileupload文件上传react-native-icons图标react-native-image-picker图片选择器react-native-keychaini
CharTen·2019-12-21 19:27

React-Native iOS 真机测试详细流程

前言:说在前面，本教程是建立在项目已经成功在模拟器上运行的基础上，如果你是还未配置好环境的新手，建议先从官网快速入门开始：RN官方英文网,RN中文网切入正题，当你已经完成好环境配置，在模拟器上成功的运行了项目，这时你的一定想，是时候去手机上装个逼了！本文的项目是参照开源项目iShiWuPai是基于ReactNative和Redux实现的展示型美食类APP(一个适合学习的redux架构的项目)感谢作
徐小鸿同学·2019-12-21 18:00

React Native 全局变量的使用

1.新建一个文件，此处命名为Global.js,代码如下import{Dimensions,Platform,StatusBar,PixelRatio}from'react-native';const{
云深不知处a·2019-12-21 17:57

React-Native ListView的分组使用心得

对于官方给的DataSource使用说法可能对于单一的一组使用很容易处理，但是使用到分组就会让人特别头疼，这些奇怪的构造方法会让人摸不着头脑，似乎这些方法都无法串联起来形成思维，但是多思考一下还是有办法可以解决的。首先来看看它的4个可选的构造函数（四个参数都可以传）1.getRowData(dataBlob,sectionID,rowID);2.getSectionHeaderData(dataB
半日浮生_iOSer·2019-12-21 16:34

Xcode 10: third-party: 'config.h' file not found

文件找不到的问题IntheTerminal,navigatetothereact-native/third-party/glogfolderinsidenode_modules$cdnode_modules/react-native
飞奔在路上·2019-12-21 12:53

taro自定义顶部导航条/底部Tabbar

官方说是支持编译到多端，可是提供的都是H5、小程序案例，至于RN案例网上都很少，经过一番深究，有了下文基于taro+react实现的自定义顶部导航栏、底部tabbar功能，支持编译到多端(h5+小程序+react-native
xiaoyan2017·2019-12-21 09:06

整合RN

官方文档地址：IntegrationwithExistingApps-ReactNative中文文档：ReactNative中文网React-Native开源App项目：GitHub-ReactNativeNews
cocoaroger·2019-12-21 08:08

react-native 安卓打包

安卓打包：打包之前必须开启程序，否则可能会报错，react-nativestart.然后在项目的根目录下执行以下操作(cd/项目地址)步骤1:(离线状态打包)react-nativebundle--entry-fileindex.android.js--bundle-output./android/app/src/main/assets/index.android.jsbundle--platfo
简翦儋箪·2019-12-21 06:44

react-native 实现百度地图(ios&Android)

准备工作先说明一下，我使用的react-native开发工具是webStorm，同时我们需要你的电脑上装有Andr
sybil052·2019-12-21 05:23

从java层看react-naive通信机制

-2，前言最近我们公司突然开始涉足react-native开发，老实说，我内心是拒绝的。
拉丁吴·2019-12-21 04:09

react-native 触摸和动画实例

实现的效果如下GIF.gif主要结合了react-native的触摸和动画事件，可通过点击和滑动进行操作。组件结构四个滑块是由父组件map而来，因此只分析一个。
小奋·2019-12-21 03:13

跟我一起学React Native之调用原生模块

写在前面这篇文章是“跟我一起学react-native”系列文章的第四篇。这系列文章会随着这个新闻项目的进行更新。
Mr_Zander·2019-12-21 01:41

ReactNative 图片缓存（自定义组件、用于列表纯展示，不涉及更新）

f19b83e0ec33index.jsimportReact,{Component,PureComponent}from'react'import{View,Image,ImageBackground,Platform}from'react-native'importstylesfrom
精神病患者link常·2019-12-20 23:46

React-Native(Navigator传值)

本文主要简要说明二级向一级页面传值，及一级到二级界面的跳转传值看我下面的例子：（直接上图）首页图图有点大，不好意思。下面先讲解下我的app的整体页面级别1.整体是Tabbar包装Nav，其中Tabbar和Nav在Main.js中编写。部分代码：Paste_Image.png2.首页在Home.js中部分代码：Paste_Image.png可以看到我在直接使用ScrollView作为最外部的view
萝卜丝巾·2019-12-20 22:48

react-native完整实例—妹子图片查看app

项目目前只支持android版本，因为使用到jsoup抓取网站数据，而ios开发本人不会。数据来源全部来自网站【http://www.mmjpg.com/】，通过开发androidnative模块的方式，使用jsoup抓取数据，提供给rn使用。具体的代码可以查看【android/app/src/main/java/com/mmjpgreactnative/jsoup】包下面的逻辑。计划支持其他的几
sleepforests·2019-12-20 22:36

关于用React-native开发音乐播放器的想法

上个月在门外捡了一根iphone6的数据线,突然就动了买iphone7的念头,难道为了不浪费一根数据线要消费一部iphone7么?。讲个笑话当是开场白。为什么要写这篇文章呢?起源于仿网易云音乐的唱片效果。写作这篇文章的目的其实就是为了练习动画效果.没想到很多网友对功能提出了更多的要求.于是乎功能要求越来越多啦！在15年学习appcan的时候曾经也想做一个音乐播放器来着,这段时间也琢磨了一些功能要求
smartphp·2019-12-20 21:34

移动开发，你必须了解的开发工具

跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。
Android_robot·2019-12-20 20:23

有用的网址

历史xcode下载地址接口测试react-native中文网3d图片swift写安卓自动生成代码工具objc中国iOS逆向贝塞尔曲线展示动画json在线解析设计素材规范网小程序入门教程名站推荐名站推荐百度云网盘搜索
翻滚的炒勺2013·2019-12-20 20:27

TabBarIOS和 TabBarIOS.Item的使用

react-native@flow*/importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,TabBarIOS,}from'react-native
aofeilin·2019-12-20 16:59

RN 入口

新建一个main文件用于存放RN的代码ReactNativeJiangganMap--工程的名字index.ios.jsimport{AppRegistry}from'react-native';importAppfrom
able_·2019-12-20 15:24

React-Native 封装轻量级loading页面加载等待

先看效果QQ20180831-162138-HD.gif直接贴上代码/***Createdbymacping*Date:2018/8/28*//***使用案例this.refs.cover&&this.refs.cover.showCover();this.refs.cover&&this.refs.cover.dismissCover();*/'usestrict';importReact,{C
云深不知处a·2019-12-20 15:54

react-native 水波/声波 效果

效果图效果图作用可以拿去用来制作按钮，类似录音或者寻找功能，效果不错直接上代码：importReactfrom'react';import{View,StyleSheet,Animated}from'react-native
江湖人称_赫大侠·2019-12-20 13:04

xcode工程集成 React-native步骤

1.搭建React-native环境安装HomebrewHomebrew主要用于安装watchman、flow打开mac终端，输入如下命令:ruby-e"$(curl-fsSLhttps://raw.githubuser
KeyboardLife·2019-12-20 11:24

React.js学习笔记(3) - router4路由笔记(1)

其余两个则提供运行环境（即浏览器与react-native）所需的特定组件。进行网站（将会运行在浏览器环境中）构建，我们应当安装react-router-dom。
省局到·2019-12-20 06:01

react-native经纬度解决方案2019-03-26

react-native自带了Geolocation但是一直超时，查询不到经纬度。因此我想着换一个办法来解决。于是我想到了，通过ip来获取经纬度的方式。
超级小学生1·2019-12-20 06:22

RN 创建、使用Component

importReact,{Component}from'react';import{StyleSheet,Text,View}from'react-native';exportdefaultclassMyComponentextendsComponent
木子才·2019-12-20 05:56

react-native-image-crop-picker 完整使用教程。

react-native-image-crop-picker地址：环境，react-native：0.44.0,没有别的东西，直接给一个官方demo，npmireact-native-image-crop-picker
唐_47bc·2019-12-20 05:51

react-native 之SwipeableFlatList 侧滑单项解决方案

原文链接https://blog.csdn.net/qq_22329521/article/details/81987595react-native侧滑组件SwipeableFlatList单项侧滑解决SwipeableFlatList组件是rn0.50出的提供androidios侧滑删除效果如下1535026425(1).png//ui网上copy代码ui参考https://blog.csdn.
越长越圆·2019-12-20 04:30

ReactNative从零开始笔记-常见问题(持续更新中)

一、使用环境Mac电脑系统10.14.2Xcode9.4react-native-cli版本2.0.1react-native:0.57.3webstorm二、常见问题1、运行react-native项目模拟报错
摸着石头过河_崖边树·2019-12-20 03:26
上一页 89 90 91 92 93 94 95 96 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他