E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
React-native
react-native
自定义导航栏(标题栏)
目前RN推荐react-navigation作为导航器,但是它的标题栏很多时候不能满足设计需求。需要自定义导航栏常见导航栏一般分为三部分,左边返回,中间标题,右边按钮。效果截图:35506728464988166.png81045880374370172.jpg326073020747697812.png816127420187850721.jpgTitleBar.js"usestrict";im
蒙尘猎人
·
2020-02-18 22:00
windows系统安装配置
react-native
运行环境
最近公司要开发
react-native
项目,自己在windows系统上练习了一下,过程中发现好多问题,在这里整理出来供大家参考;一、首先来看一下reactNative官网官网上的教程很详细,介绍了IOS
winterT
·
2020-02-18 22:59
建日程抽大奖
StyleSheet,View,Image,Text,ListView,TouchableHighlight,TouchableOpacity,Dimensions,ScrollView,}from'
react-native
亭止
·
2020-02-18 20:02
React Native TextInput实现搜索框查询城市
import{AppRegistry,StyleSheet,Text,View,ScrollView,Dimensions,TextInput,FlatList,TouchableOpacity}from'
react-native
wangjiawei
·
2020-02-18 19:16
React-Native
嵌套原生组件(iOS),包括RN与原生的传参和回调,ReactNative集成原生,RN和IOS的交互
这应该是最后一篇关于RN的文章,因为公司决定RN转原生,至于为什么转呢?可能是因为原生才是王道吧!直入主题:在红色的地方添加一个红色的原生View,之后你可以在这个原生View上面写任何原生控件。包括RN与原生的传参和回调。在红色的地方添加一个红色的原生View一、嵌套原生组件1.在现有的RN项目中的ios目录中创建一个继承UIView的类我创建的两个原生View的类2.再创建一个继承RCTVie
币乎iOS
·
2020-02-18 14:34
用 React 编写的基于Taro + Dva构建的适配不同端(微信小程序、H5、
React-Native
等)的时装衣橱
现如今市面上端的形态多种多样,Web、
React-Native
、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要
EasyTuan
·
2020-02-18 14:35
一个完整小巧的Redux全家桶项目
OneArticle:使用
React-Native
开发,使用Redux,React-Redux,Redux-Persist,Redux-Saga。
mochixuan
·
2020-02-18 12:44
react-native
init安装指定版本的
react-native
因为
react-native
更新太快,每次react-nativeinit初始化项目的时候,都会安装最新的rn版本,导致之前的一些api不兼容等问题。
NextStack
·
2020-02-18 10:43
React-Native
错误记录
1.使用require产生的路径错误这个应该是属于文件路径错误导致的。当我使用require('image!pintu')语句,就会出现这个错误。或者在index.android.js以外的文件内使用require("./data/moviedata.json")也会出现这个错误,然后http://localhost:8081/index.android.bundle?platform=andro
月塘路
·
2020-02-18 07:23
react-native
mac搭建环境
安装依赖必须安装的依赖有:Node、Watchman、yarn和ReactNative命令行工具以及Xcode。brewinstallnode//node版本必须在v8.3以上版本,我的版本是v10.15.3brewinstallwatchman//设置npm镜像以加速后面的过程npmconfigsetregistryhttps://registry.npm.taobao.org--globaln
Crassus
·
2020-02-18 06:51
React-Native
mac如何创建一个项目
创建项目之前我们需要做哪些准备呐?1.mac电脑默认就安装了Homebrew,如果你没有安装,可以点击安装查看安装方法。2.将brew升级到最新版本brewupdate&&brewdoctor3.安装watchmanbrewinstallwatchman4.安装flowbrewinstallflow5.安装npmbrewinstallnpm6.安装react-native-clinpminstal
嫌疑人zx
·
2020-02-18 05:51
redux在
react-native
上使用(二)--加入redux-saga
在上一篇redux在
react-native
上使用(一)--加入redux已成功把redux添加到项目,现在再把redux-saga添加进来.这篇redux在
react-native
上使用(三)--加入
hello老文
·
2020-02-18 04:12
Win7平台下
React-Native
开发之Android项目打包发布流程
一、bundle文件
React-Native
开发步骤中,有一个步骤是使用命令react-nativestart去启动一个基于Node.js的服务,名字为packager。
lechenging
·
2020-02-18 02:42
【React Native】同步获取本地缓存键值对
importReactfrom"react";import{AsyncStorage}from'
react-native
';exportdefaultclassSyncStorage{staticcache
零零圈圈
·
2020-02-17 23:00
剖析RN中的index.ios.js文件
首先把React引入进来,然后从'react'中把{Component}(组建/模块)引入进来;importReact,{Component}from'react';从'
react-native
'中把{
JJetGu
·
2020-02-17 18:22
React-Native
06/19 ~ 06/25
从提交记录里面看,本周的主要改动如下:发布了0.28.0版本Android里面的TextInput支持了selectable={true}属性,可以实现长按之后弹出系统菜单的功能NavigatorIOS新增了titleImage属性NativeViewHierarchyManager.java里面的mRootViewManager属性可以自定义了,目的是为啥呢?Serializeparamswhe
liyb
·
2020-02-17 18:33
事件
,{Component}from'react';import{Platform,StyleSheet,Text,View,Image,TextInput,TouchableOpacity,}from'
react-native
基本密码宋
·
2020-02-17 17:45
TextInput iOS中文输入推掉键盘之后如何正确获取内容
使用
react-native
的过程中遇到了一个问题,就是在编写TextInput控件的时候,监听控件ChangeText事件,发现在输入中文到一半的时候退掉键盘,这个方法还是会获取到输入到内容,但是实际上
Smallwolf_JS
·
2020-02-17 09:37
react native 开发之表单
Demo地址```jsimportReactfrom'react'import{ScrollView,View}from"
react-native
";importFreedomenfrom'react-native-freedomen'exportdefaultclassextendsReact.Component
杨一一_04a3
·
2020-02-17 06:06
[送给不懂android的开发者]
react-native
如何替换android图标资源修改布局文件?
但是有些
react-native
开发者不会替换图片,因为压根没有学android开发,这样能理解,那么如何让他们更轻松的玩转
react-native
之android呢,那么看看下面的姿势大全吧,修改项目图片
物是人非事事休欲语泪先流
·
2020-02-17 05:19
react-native
中第三方组件的使用技巧
最近很多朋友会问到一些很基础的第三方组件的问题.所以今天写一下自己踩坑中积累的一些经验.方便入门级同学参考.目前
react-native
更新到0.45版本,相对于原生的生态来讲,
react-native
nextChallenger
·
2020-02-17 03:22
Rn出现undefined is not an object (evaluating 'ReactInternals.ReactCurrentOwner')错误
undefinedisnotanobject(evaluating'ReactInternals.ReactCurrentOwner')github传送门https://github.com/facebook/
react-native
菜鸟程序员_
·
2020-02-17 01:44
IOS
React-native
生命周期
//-------------------生命周期-------------------//componentWillMount最初的渲染之前调用一次,在React中,设置this.state会导致重新渲染,//但是componentWillMount设置this.state并不会导致render多次调用多次//componentDidMount在渲染结束后,调用一次//componentWill
Codepgq
·
2020-02-16 20:11
React-Native
ListView
从今天开始记录下学习
React-native
的东西哈。npminstalllnpmstart先上固定写法,先创建一个对象,然后就是row和section的固定写法。
butterflyer
·
2020-02-16 14:27
React-native
真机代码不更新
本文只是为了记录一下我在刚开始学习
React-native
时遇到一些简单问题用react-nativeinit项目名建立项目后发现ios可以运行起来android怎么都不行why解决如果下1新建assets
zhanyulong
·
2020-02-16 14:10
mobx在react如何使用?3分钟学会!
我会用大白话的形式写这个文章;文末有react和
react-native
的两个集成mobx的项目demo。
react-native
的实现思路和下面一样。
小小小小的人头
·
2020-02-16 12:49
React-native
Android打包生成Apk
环境搭建http://reactnative.cn/docs/0.50/getting-started.html(
react-native
官网)1.安装JDK从Java官网下载JDK并安装(安装成功后CMD
张自恒
·
2020-02-16 10:09
翻译|React-navigation导航系统(4)-Redux的整合实例
title:翻译|React-navigation导航系统(6)-Redux的整合实例date:2017-03-2923:42:14categories:翻译tags:
React-Native
整合实例,
smartphp
·
2020-02-16 10:32
react-native
ListView 分组
section-fs8.png首先是数据结构,上面是header,中间3个sectionletds=newListView.DataSource({rowHasChanged:(r1,r2)=>r1!==r2,sectionHeaderHasChanged:(s1,s2)=>s1!==s2});letdata={section1:[{title:'我的凭证',rightTitle:'互助凭证、充值
lesliefang
·
2020-02-16 04:53
React-Native
征程(1)
个人奋斗记录,激励。。。环境搭配什么的过了,毕竟比较简单API:AsyncStorage,一句话描述:-----异步特征的键值对存储系统直观印象:app本地数据存储,用于数据提交前的,汇总以及整理,(不需要所有数据都在服务端处理),异步特性,实现本地数据异步刷新含有的可用方法:1.getItem(key:string,callback:(error,result)):根据键获取值,结果在回调函数中
tarscoding
·
2020-02-16 03:35
gradle Cannot add task 'wrapper' as a task with that name already exists
0x01导言在学习
react-native
中,运行react-nativerun-android报错如下Cannotaddtask'wrapper'asataskwiththatnamealreadyexists
2359634711
·
2020-02-15 22:30
React-Native
-Redux
首先,非常高兴能够接触到
React-Native
此项技术。
君莫叹人生如若初见
·
2020-02-15 21:04
一、React Native环境搭建
1、安装必要的组件1.1、安装nodes命令行运行brewinstallnode1.2、安装
react-native
的模块命令行运行npminstall-greact-native-cli如果报错npmERR
那是什么
·
2020-02-15 15:18
React-Native
APP初次打开时出现使用介绍的代码-ireading splash组件代码
ireading-RN-微信精选的示例代码微信精选的一个示例项目,里面有个组件就是完成初次加载app的初始化选择分类的任务,里面使用了一个标记位来决定是加载这个页面还是项目的主页面。如果在这个页面中使用swipe组件就可以完成一些app的初次打开时,使用教程的滚动橱窗效果。直接看代码//ireading/app/page/splash.js//这个splash就作为开始介绍的画面加载一个swipe
smartphp
·
2020-02-15 15:57
iOS &
React-Native
混编,内存泄漏问题解决
项目中集成了RN,由于采用原生&RN混编的模式,业务上会频繁出现原生页面与RN页面切换的情况。但由于处理不当,导致退出RN页面时造成了大量内存泄漏,iPhoneX真机测试时内存一直上到500多M(若再进出RN页面,泄漏会更多)。找了下原因,是因为原生代码里没释放RCTBridgebridge对象。处理如下:注:如果在退出页面前执行[_bridgeinvalidate],会出现闪白屏的问题,所以下面
Xie_Liying
·
2020-02-15 14:25
react native导航navigator
不多BB,直接上代码:importReact,{Component}from"react";import{Navigator,AsyncStorage}from"
react-native
";importRe
我弟是个程序员
·
2020-02-15 14:56
react-native
集成react-native-amap (高德地图)插件
reactnative集成高德地图(react-native-amap3d)react-native-amap3d三方库安装react-native-amap-npm2018-10-091,react-nativeinit--version="0.55.4"AmapDemo,//新建项目然后用AS打开配置一下,配置一下gradle,如果在已有的RN项目上添加高德地图插件,不需此步.2,进入你的项目
从编码到黑客
·
2020-02-15 10:53
代码实现
react-native
热更新(iOS)
react-native
作为跨平台的语言好处主要体现在跨平台和能进行热更新。
慕诩
·
2020-02-15 06:36
RN项目启动遇到的问题及解决方案
问题一:出现bash:
react-native
:commandnotfound问题解决方案:执行下面的命令就OK了npminstall-gyarnreact-native-cli//安装多个包npmi
罗小耳
·
2020-02-15 03:47
[
React-Native
项目开发实践] 一、初步搭建并运行
该系列博文将从零开始建立一个
React-Native
项目。代码已经上传至:VanGank数据来源使用gank的api进行数据的获取,展示。
美乃滋酱啊
·
2020-02-15 02:08
React Native——嵌套WebView中的返回处理
直接看代码:importReact,{Component}from'react';import{WebView,Platform,BackHandler}from'
react-native
';exportdefaultclassBoxDemoextendsComponent
星灬缘
·
2020-02-15 02:35
react-native
开发实例之仿美团头部导航
今天我要对美团的头部导航进行山寨美团页面具体的效果图如下:Paste_Image.png山寨效果图ios.gifandroid.gif具体的代码如下:'usestrict';importReact,{Component}from'react';import{Alert,View,Text,TextInput,StyleSheet,Platform,NavigatorIOS,TouchableOpa
sleepforests
·
2020-02-15 01:35
React-Native
笔记
React-Native
环境搭建问题(windows环境)官方文档对环境搭建已经做了详细的描述,除了下载jar包是国内开发者普遍要面对的问题,下面自己在运行demo碰到的问题时的解决方案记录:1,启动demo
叶小然
·
2020-02-15 00:26
React-native
原理探究
运用一个架构,总得了解一下背后的原理,本文基于
react-native
的最新版本(0.47.1),简要探究一下
react-native
背后到底做了哪些操作。
maclery
·
2020-02-14 23:02
React-Native
项目搭建
index.ios.js引用共有的控件为入口importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View}from'
react-native
宋季航
·
2020-02-14 20:29
React-Native
bug总结
1.React-NativeruniniosFailedtoinstalltherequestedapplicationAnapplicationbundlewasnotfoundattheprovidedpath.Provideavalidpathtothedesiredapplicationbundle.Print:Entry,":CFBundleIdentifier",DoesNotExis
dev顽童
·
2020-02-14 20:56
React-Native
Redux 项目记录随笔
项目结构###前言在任何render的时候不要使用匿名对象,匿名函数..很影响性能现在style全部独立出来了,能独立的文件尽量独立.@remobile/react-native-toastAndroidRCTToastPackage.java主要注释一行@Override应该是父类取消方法了在咱们这个项目里面一个场景就可能会有一个对应reducer一个对应的style.一个reducer和一个s
jiw
·
2020-02-14 20:06
ReactNative与原生之间的接口交互
ReactNative与原生之间的接口交互React与Native交互官网https://facebook.github.io/
react-native
/docs/native-modules-android.html
gogoingmonkey
·
2020-02-14 20:17
纯JavaScript实现的调用设备摄像头并拍照的功能
其实之前Jerry的文章只要200行JavaScript代码,就能把特斯拉汽车带到您身边,里面使用到的
React-Native
加上Viro
JerryWang_汪子熙
·
2020-02-14 15:23
RN笔记-原生应用跳转JS页面之坑
在
react-native
的道路上继续挖坑、填坑。1、打离线包的终端命令行react-nativebundle--entry-fileindex.ios.js--bundle-output.
dangxy丶
·
2020-02-14 12:30
上一页
81
82
83
84
85
86
87
88
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他