React-native

(??)012_ReactNative: Navigators

MyScene.js"的新文件,并写入以下内容importReact,{Component,PropTypes}from'react';import{View,Text,TouchableHighlight}from'react-native
莫_名·2020-06-21 02:45

1.9 项目启动引导流程实现

源代码[地址][12][12]:https://github.com/BaiPeiHe/react-native流程app从启动到显示主页的流程启动引导流程详解编码效果：启动App，显示欢迎页面，停留几秒钟后显示首页创建文件
倪灏·2020-06-20 22:57

react native

1.你懂2.不说官网：http://facebook.github.io/react-native/二、关于版本RN每两周发布一次更新，目前最新稳定版是0.38,所以你懂得，根据版本号你就知道，RN还没有正式版发布
大彬哥666·2020-06-20 22:43

Vue+ Electron 开发的一个跨三端的应用（Taro开发多端应用）

官方解释:使用Taro，我们可以只书写一套代码，再通过Taro的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动小程序、H5、React-Native等）运行的代码。
天府云创·2020-06-20 22:00

react native 子组件传值给父组件

简单粗暴上代码父组件importReact,{Component}from'react';import{Text,View,}from'react-native';importItemfrom'.
HappyErica·2020-06-20 21:34

【RN】react-native start 报错

搭建项目完成后，npxhyextstart报错根据图片显示，正则错误，解决办法：修改项目内文件：\node_modules@hyext\builder-h5game.builder-laya-temp\build-dev-launcher\node_modules\metro-config\src\defaults\blacklist.jsvarsharedBlacklist=[/node_mod
戮漠·2020-06-15 21:00

【坑】React-Native android 开发踩坑记

本文采用的是react-nativeinit*project*然后react-nativerun-android以运行项目。教程原文1.java.io.IOException:Unabletodeletedirectory...这是由于缓存导致【解决方法】cdandroidgradlewclean参考原文2.RN项目总是有缓存，如何清理之可以直接运行yarn--reset-cache3.emula
zbc0012·2020-06-11 10:35

react-native实现底部导航栏图标问题

1cnpmireact-native-svgreact-native-iconfont-cli2react-native-svg为iOS和Android上的ReactNative提供SVG支持，以及Web的兼容性3react-native-iconfont-cli把iconfont.cn的图标转换成标准RN组件，不依赖字体，支持多色彩，支持热更新下载后生成配置文件npxiconfont-init1
小白学前端·2020-06-10 00:00

react-native导航

创建navigation文件夹，创建bottomTab.tsx文件1importReactfrom'react'2import{RouteProp,TabNavigationState}from'@react-navigation/native';3import{createBottomTabNavigator}from'@react-navigation/bottom-tabs';4import
小白学前端·2020-06-08 15:00

react-native中使用dva

下载dva-core-tsreact-native下面举一个例子实现异步加载创建models文件夹--home.ts1import{Model,Effect,call,put}from'dva-core-ts'2import{Reducer}from'redux'3interfaceHomeState{4num:number5}6interfaceHomeModelextendsModel{7na
小白学前端·2020-06-08 15:00

react-native安装和使用tabbar

安装下载tabbar，推荐使用yarnyarnaddreact-native-tab-navigator使用：一：引入组件importTabNavigatorfrom'react-native-tab-navigator';二：代码示例注意：图片标签的source需要填你自己的图片地址，这里未作处理，注释掉了/***首页*/importReact,{Component}from'react';im
养猪至富·2020-06-06 19:00

Hybrid APP开发实战（三）：uni-app中的nvue

想用JavaScript开发中原生的组件能力，前端有两种选择weex和react-native，两个框架分别依托于vue与react。
越小皓·2020-06-02 22:12

react-native ： coloud not connect to development server

启动reactnative项目是输入指令：react-nativerun-android，但是连接真机后报连接不上srever的错误，解决办法如下：连接上真机以后，摇动手机，点击reload，提示coloudnotconnecttodevelopmentserver，1.关闭启动的项目2.连接手机3.在项目根目录打开命令输入react-nativestart4.打开一个新的cmd窗口输入：adbr
养猪至富·2020-06-02 18:00

React Native Color返回值（返回int值）统一处理

在React-Native内支持以下5种颜色写法：rgb/rgba，如rgb(0,0,255)、rgba(0,0,255,1)十六进制颜色(hexcolor)，如"#F00"(#rgb)、#FF0000
罗坤_23333·2020-06-02 16:26

React-Native 从项目初始化到hello word

首先的首先，请先选择好合适的node，因为RN对nodejs版本是有要求的，只要处理好版本问题，那么我遇到的react-nativeinit项目初始化的坑，比如，说什么jdk（什么20.3还是23.0，忘了，jdk8什么的）依赖，说是让你给予这些jdk许可啥的等等，这些你都不会遇到了，，，如果你遇到了，Java不能connect，连接超时问题，这些就是因为网络原因（要访问外网），你可以更改node
养猪至富·2020-05-29 21:00

TS版react-native三端同构设计

什么是三端同构？对于刚接触rn开发的同学可能不是太了解，简单介绍一下。三端指的是安卓、IOS、H5。rn本身就是跨平台框架，为了让RN能在不改动代码的情况下同时兼容H5，只需要引入一些库和配置一些细节即可。本模板采用目前[email protected],[email protected]新版本，搭建ts开发环境。新版本相关库的API与老rn版本有些是不兼容的，请不要随意更改主版本！不管是对
心动音符·2020-05-27 23:37

H5与IOS、Android、RN通信与回调

这里将详细介绍H5与安卓、IOS、react-native的通信实现细节。
心动音符·2020-05-27 22:13

react-native tips

react-nativetips目前flutter当红,react-native显得有些迟暮.在学flutter过程中,发现很多思想跟rn都是相通的,比如:widget与虚拟dom.fluttercontext
江寻月·2020-05-27 12:09

React-Native 爬坑

一、红屏报错unabletoloadscriptfromassets‘index.androidbundle’,makesureyourbundleispackagedcorrectlyoryouu’reruningapackagerserver解决方法：1、在android/app/src/main目录下创建一个assets空文件夹2、通过命令行执行react-nativebundle--pla
吾乃韩小呆·2020-05-20 14:24

《react-native》RN文字及布局的机型适配

一、伸手党import{Dimensions,PixelRatio}from'react-native'constdefaultPixel=2constwDp=Math.round(750/defaultPixel
肉山夹馍王·2020-05-18 23:54

VSCode搭建React Native环境

安装ReactNativeTools在插件市场搜索react找到ReactNativeTools进行安装：创建的react-native的工程拖入vscode中点击F5即可运行react-native此时可能出现如下界面
啤酒煮鸡蛋·2020-05-07 15:46

react-native 实现带icon的底部导航栏

react-native实现带icon的底部导航栏一：需要的依赖包yarnaddreact-navigationreact-navigation-tabsreact-navigation-stackreact-native-gesture-handlerreact-native-gesture-handlerreact-native-reanimatedreact-native-vector-ic
_林冲·2020-05-06 16:00

Taro跨三端平台的应用与实践

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

2020-04-29 React-native 问题帖

Animated:useNativeDriverwasnotspecified.Thisisarequiredoptionandmustbeexplicitlysettotrueorfalse[https://www.jianshu.com/p/c02061e5be0c](ReactNative警告Animated:useNativeDriverisnotsupported的解决方案)
rub1cky·2020-04-29 20:18

vscode react 插件

一：Reactjscodesnippetsjsxrccmetbndconsstjsrscpptnrpts二：ReactReduxES6Snippetscontamstp三：React-Native/React
考拉程序媛·2020-04-27 14:57

react-native总结

常用组件文本图片网络图片（不写宽高不显示）：本地图片：表单value值onChangeText当文本发生变化按钮title按钮内容color颜色onPress回调函数警告框alert(标题，内容，[{text:自定义},{text:取消},{text:确定,onPress=>xxx}])半透明点击长列表keyExtractor是key的抽取numColumns行的数量renderItem列的渲染c
神明sama·2020-04-22 01:11

TS版react-native三端同构设计

什么是三端同构？对于刚接触rn开发的同学可能不是太了解，简单介绍一下。三端指的是安卓、IOS、H5。rn本身就是跨平台框架，为了让RN能在不改动代码的情况下同时兼容H5，只需要引入一些库和配置一些细节即可。本模板采用目前[email protected],[email protected]新版本，搭建ts开发环境。新版本相关库的API与老rn版本有些是不兼容的，请不要随意更改主版本！不管是对
yukilzw·2020-04-18 15:46

react-native连接夜神模拟器

首先确保安装了adb和夜神模拟器，并能正常运行先运行夜神模拟器查看当前连接的设备adbdevices连接夜神模拟器，默认端口是62001adbconnect127.0.0.1:62001如果出现无法连接的情况，可以检查下端口是否正确在安装目录下找到这个文件，路径例如：D:\ProgramFiles\Nox\bin\BignoxVMS\nox\nox.vbox用文本编辑器打开红框中就是模拟器的支持端
jadefan·2020-04-17 15:17

React-Native的FlatList和SectionList

FlatList的简述简单的栗子{item.key}}/>data里塞数据，其实就是一个数组，数组里每个元素就是个字典renderItem塞的是View，传递的数据用item表示最终效果是这样：image.pngSectionList的简述简单的栗子{item.key}}renderSectionHeader={({section})=>{section.title}}sections={[//不
踏云小子·2020-04-14 15:43

react-native 模仿饿了么点餐列表练手Demo

刚接触react-native时写的一个demo，当时是在预研一个项目。
讨厌西红柿·2020-04-14 13:25

React Native Xcode10报错 'config.h' file not found 错误或者WebSocket/libfishhook.a找不到错误

/node_modules/react-native/third-party/glog-0.3.4&&../../scr
光强_上海·2020-04-14 13:50

学习React-native中遇到的错误

2017.12.14红屏，一堆代码摇晃设备，或者运行adbshellinputkeyevent82，可以打开开发者菜单点击进入DevSettings点击Debugserverhostfordevice输入你电脑的IP地址和端口号（譬如10.0.1.1:8081）回到开发者菜单然后选择ReloadJS手机白屏日志信息：Couldn'tconnectto"ws://192.168.30.17:8081
谈小龙·2020-04-14 12:02

redux在react-native上使用(五)--redux-actions使用

redux-actions有两大法宝createAction和handleActions.createAction原来创建action:conststartAction=()=>({type:START});使用redux-actions创建action:import{createAction}from'redux-actions';conststartAction=createAction(ST
hello老文·2020-04-14 08:10

探究react-native如何像原生那样弹出视图

项目中封装的一些公共组件，比如PopView，若想使用，常规套路是在render方法里面先渲染，用state控制其是否显示。这样子显得很二，明明这个组件可能因用户的操作，不是必须显示的，但为了那一分可能，就必须在render方法里面渲染，并且多加一个state控制，很麻烦。那么有可能像原生那样，当要显示的时候直接PopView.show()么？答案是肯定的。使用react-native-root-
请叫我啊亮·2020-04-14 08:43

react-native 本地缓存AsyncStorage

AsyncStorage的作用类似于iOS中的NSUserDefault和Android中的SharedPreferences;AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。这是官网上对它的介绍。可以知道，asyncstorage也是以键值对的形式进行存储数据的。下面给出AsyncStorage用法保存/***保存*@paramkey
oc123·2020-04-14 05:10

升级Xcode8后 React-Native项目遇到的错误

1RCTWebSocketSemanticissue打开RCTSCrollView.mCommand+F搜索@implementationRCTCustomScrollView只会搜索到一个结果，然后修改：@implementationRCTCustomScrollView{RCTRefreshControl*_refreshControl;//不管原来有什么，在原来的基础上加上这句}//SecR
尹_路人·2020-04-14 00:47

React-native 优秀的第三插件

1.加载动画https://github.com/maxs15/react-native-spinkit2.折线图https://github.com/tomauty/react-native-chart3.下拉放大https://github.com/lelandrichardson/react-native-parallax-view4.双平台兼容的ActionSheethttps://git
id_confidence·2020-04-13 23:56

react-native踩坑

couldnotgetbatchedbridgemakesure上传到github时会忽略assets文件夹,可能需要每次都执行解决:cd到项目的根目录,执行react-nativebundle--platformandroid--devfalse--entry-fileindex.android.js--bundle-outputandroid/app/src/main/assets/index
我不是死胖子·2020-04-13 22:46

定时器

setTimeout和clearTimeout基本用法/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact
冷洪林·2020-04-13 21:11

React-native之签名打包（3）

一.简介我们开发完项目，会将应用上传到应用市场，在上传应用市场前，需要签名，打包。今天我们来看看RN如何签名打包。二.步骤1.生成一个签名密钥keytool-genkey-v-keystoremy-project01-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity10000接着会让你填写密钥密码，姓名，单位，组织，城市，省
飞奔的小马·2020-04-13 19:40

react-native组件写法

组件基本写法默认情况下组件的flexDirection为列(flexDirection:'column').view的默认宽度为100%组件的默认值div,span{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;border:0
sherlock221b·2020-04-13 18:47

给iOS开发的react-native入门指南

前言这篇文章的目的,是让没有接触过RN的同学能够用最少的时间,踩最少的坑,一睹RN芳容.如果网速不慢的话,一个小时左右,你就可以运行官方示例项目,查看项目代码,对RN有一个初步的认识RN这门语言不难,如果有一定的前端基础,学起来更是如鱼得水.虽然RN目前还不能取代原生,她的地位是作为前端一统天下的一环.但是作为一个coder,面对相关新技术,且不论是敌军还是友军,有适当的了解,总是好的.开发环境开
DDDDogGG·2020-04-13 14:45

React-Native es6继承页面方法

很多用ReactNative的同学都是前端工程师，在传统的js没有继承的概念。但是在reactNative所支持的es6是有继承的，效果也是不错的，分享给大家。首先定义一个BaseComponent，例如有一个fullName的方法importReact,{Component}from'react';exportdefaultclassBaseComponentextendsComponent{c
江湖人称_赫大侠·2020-04-13 06:16

react native 获取组件在屏幕中的位置

1，import{findNodeHandle}from'react-native';2，import{UIManager}from'NativeModules'3，给组件添加ref={(ref)=>this.myShow
程序马·2020-04-13 06:55

react-native-xlog开发回顾

我们项目正在用react-native开发，也需要一个日志模块能够较好的处理JS端的日志，xlog的出现，是我们项目的不错选择，所以有了react-native-xlog的实现。
逆水处行舟·2020-04-13 06:51

react-native中Picker动态设置数据源

react-native版本：0.48;开发环境win10+VScode;最后更新时间：2017.09.15;关于Picker官方给出的代码是这样的this.setState({language:itemValue
冯涛_简书·2020-04-13 03:15

003-ListView置顶行元素 --react-native

一：这个组件我自己研究了好久，虽然感觉代码逻辑有点乱和复杂，但好在也是完成了，所以打算趁着还有记忆的时候记录下来，也好自己以后回顾。二：1-:支持点击删除ListView行数据。2-:支持点击置顶ListView行数据。三：Coding1-:添加一个数据源data=[{"name":'张一',"age":10},{"name":'张二',"age":11},{"name":'张三',"age":1
垒虚·2020-04-13 00:16

React-Native学习系列(一)

近段时间一直在忙，所以博客也没有更新，这两天我翻了一下写的这几篇博客，感觉写的都很片面，所以，我想重新写一个系列教程，从最基础的开始，来让大家更容易学会React-Native。
Demon404·2020-04-12 23:17

React-Native踩坑集

端口号被占用解决方案：在运行react-nativestart时添加参数--port8090,或者在package.json中修改"scripts"中参数,添加端口号,或者修改项目下的node_modules\react-native
悦者生存·2020-04-12 20:36

react-native组件(5)--(react-native-segmented-control-tab)

安装npminstallreact-native-segmented-control-tab--save用法importSegmentedControlTabfrom'react-native-segmented-control-tab'classConsumerComponentextendsComponent{constructor(){super()this.state={selectedI
吃肉666·2020-04-12 19:09
上一页 67 68 69 70 71 72 73 74 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他