React-native

1.5 NavigationBar

源代码[地址][2][2]:https://github.com/BaiPeiHe/react-native简介顶部导航栏iOS->UINavigationAndroid->ToolbarReactNative
倪灏·2020-04-01 16:07

react-native集成echarts打包后不显示的问题

1修改node_modules/native-echarts/src/components/Echarts/index.js文件source={Platform.OS==='ios'?require('./tpl.html'):{uri:'file:///android_asset/tpl.html'}}1569402257271.jpg2另外，release版本只能使用uri加载资源，andro
既然可以颠覆何必循规蹈矩·2020-04-01 16:35

react-native调用nfc读写cpu卡、m1卡-android篇

之前对nfc对cpu卡的操作这块，走了许多弯路，所以写下这篇文章。一方面做下总结，另一方面希望能帮助到一些人。本文目的在于让读者了解如何在android的程序开发中对接cpu卡、m1卡，对于nfc和cpu卡、m1卡本身的技术原理不做探讨，读者可自行百度。android对cpu卡、m1卡的识别1、设置权限2、设置感兴趣的技术列表publicNfcModel(Activityactivity,Clas
雪亮出品·2020-04-01 14:39

react-native环境配置

本章注意记录了Mac下配置react-native开发环境1.首先需要安装Homebrew.打开终端输入以下安装命令。
wangjun·2020-04-01 10:25

RN的一些小属性（基本样式）

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
基本密码宋·2020-04-01 06:49

react-native引入react-navigation报错

在学习react-native,这个问题折腾了半天才找到原因。
恩景·2020-04-01 06:31

react-native 倒计时

简单的倒计时功能componentDidMount(){//声明一个定时器this.timer=setInterval(()=>{this._timeShow();},1000,);}_timeShow=()=>{const{history}=this.props;//this.state.timeTotal是需要倒计时的总数，单位是秒lettimeDown=this.state.timeTota
小情兽丶·2020-04-01 04:22

React Native 实现分组展开收缩效果

Component}from'react';import{AppRegistry,StyleSheet,Text,View,TouchableHighlight,TouchableOpacity}from'react-native
wangjiawei·2020-04-01 04:27

ReactNative中的基础样式

首先有一个可运行的react-native的程序。
Mr_CrazyPeter·2020-03-31 23:27

react-native init 新建0.57.1项目运行报错

Failedtoloadbundle(http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false)witherror:(Unabletoresolvemodule`@babel/runtime/helpers/interopRequireDefault`from`/Users/hjs/Desktop/worksplac
Melody_YM·2020-03-31 23:16

react-native PixelRatio

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
东翌编程·2020-03-31 23:45

react-native 圆形进度条

项目中录制视频需要用到圆形进度条，从网上搜了很多，终于发现一个好用的组件react-native-progress，这个组件支持线形和圆形多种形式的进度条，先来看看效果图~官方效果图.gif这个组件有四种进度条：Progress.BarProgress.PieProgress.CircleProgress.CircleSnail今天主要结合自己的项目需求讲下圆形进度条Progress.Circle
sybil052·2020-03-31 21:47

react-native自定义组件

这里的自定义不是通过继承的方式，而是通过组合一、例子1classMovieTalkextendsComponent{render(){return(hello)}}classHeaderTextextendsComponent{render(){return({this.props.children})}}letstyles=StyleSheet.create({container:{flex:1
FantDing·2020-03-31 21:52

【ReactNative】入门：从todo App开始（3）

首先import需要的ListView和Keyboardimport{...ListView,Keyboard}from'react-native';要使用ListView展示列要添加两行固定代码：co
LesliePeng·2020-03-31 16:48

iOS 如何运行React-Native Examples

1.打开终端输入：gitclonehttps://github.com/facebook/react-native.git下载完成后，在QQ20160919-0.png目录中存在下载后的相关文件。2.终端输入：cdreact-native&&npminstall出现提示，npmcommandnofound因为你的mac中npm没有安装npm是什么？�NPM的全称是NodePackageManage
胤燮螽馗·2020-03-31 15:25

React-native 从入门到放弃

1.NSInternalInconsistencyException:bundleURLmustbenon-nilwhennotimplementingloadSourceForBridge因为我修改了电脑的hosts文件，导致的这个问题，改回来就不存在这个问题了。2.Nodimensionsetforkeywindows未解决3.Expectedacomponentclass,got[objec
大大大大大大大大飞·2020-03-31 13:05

React Native 页面间传值总结

前言：正式入戏前，先提供Richy当前环境：react-native:0.41.2，nmp:4.1.2，react:15.4.2。
RichyLeo·2020-03-31 12:38

Xcode 10: Build input file double-conversion cannot be found 升级到xcode10之后 ReactNative项目启动报错如下:

ReactNative项目启动报错如下:error:Buildinputfilecannotbefound:/Users/rod/dev/react/testing/awesome/node_modules/react-native
Melody_YM·2020-03-31 10:55

react-native 升级0.62的坑

最近升级RN0.62放出自己碰到的一些坑.总的来说0.61.5->0.62改变还是有些的,如果你的项目第三方比较少升级还是挺好升的.这里提醒,公司开发的时候,尽量自己写轮子,自己去印证.这样后期会很愉快.iOS首先先看下升级助手,大概的改动升级助手我们可以看到jscallinvoker是有被删掉的,所以项目里删除就好了image.png到这里基本上就结束了,当然0.62又添加了自己的debug工具
HT_Jonson·2020-03-31 10:24

Navigator过期导致的问题

在新版的RN中,因为Navigator已经不再react-native这个库中了,如果继续从该库中导入,系统会直接给我们抛出一个错误,如下图:提示我们Navigator已经过期,我们可以从react-native-deprecated-custom-components
Mark_Guan·2020-03-31 10:19

像素 分辨率 dp pt ppi px

https://facebook.github.io/react-native/docs/pixelratio.htmlimport{PixelRatio,Platform,Dimensions}from'react-native
楚怀哲·2020-03-31 09:02

React-native开发之图标库react-native-vector-icons 的集成使用

RN开发中难免会用到图标，今天我们来集成github上比较受欢迎的一个强大的icons库。先上效果图源码已分享之码云：https://git.oschina.net/osczaizai/RNWeiBo更多分享请看http://cherylgood.cn可通过下面链接直接搜索你想要的iconsBrowseall.EntypobyDanielBruce(411icons)EvilIconsbyAlex
Angels_安杰·2020-03-31 02:58

React-Native Print: Entry, ":CFBundleIdentifier", Does Not Exist

被此问题困扰已久，在网上也只找到了降低版本到044.3的解决方案。最后在GitHub上的issue里面找到了解决方案，可能解答者都是国外的coder所以目前中文还没有更新解决方案。第一步去下载这个压缩包。boost_1_63_0.tar.gz第二步控制台输入rm-r~/.rncache第三步删除项目中原有的node_modules文件,将package.json文件里的版本提高控制台输入npmin
Bear_HJ·2020-03-31 01:21

react-native组件TabBarIOS

TabBarIOS组件生成类似下面的控制按钮图1由于本示例没有引入第三方图标所以暂时实现不了这三个图标具体实现如下代码：由于刚开始学习react-native如有错误请见谅图2图3图4图5我的这个目录大概是这样的主要是方便看一下图
张展豪_RUN·2020-03-31 00:26

React-Native之Flex布局

在React-Native中使用flexbox规则来指定某个组件的子元素的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构。
Coder_Answer·2020-03-30 19:21

react-native网速慢手动下载gradle并配置

常用的Gradle版本的压缩包下载gradle-2.10-all.zip下载地址：链接：http://pan.baidu.com/s/1mhUYkT6密码：3qqpgradle-2.4-all.zip下载地址：链接：http://pan.baidu.com/s/1bp3My7d密码：max6gradle-2.14.1-all.zip下载地址（2016/8月最新gradle版本）：链接：http:/
复古先生·2020-03-30 18:50

004_ReactNative: State

state时调用setState来改变.例如:让文字不停的闪烁效果importReact,{Component}from'react';import{AppRegistry,Text,View}from'react-native
莫_名·2020-03-30 15:34

从零开始构建纯React-native应用(1)

最近搞个项目，使用全react-native构建跨平台应用React-navigation作为导航12月14号决定研究下redux，毕竟项目比较大http://www.ruanyifeng.com/blog
AlvinCrash·2020-03-30 14:07

ReactNative Demo - Dimensions 的使用

AppRegistry,StyleSheet,Text,View,Image,DrawerLayoutAndroid,ListView,PixelRatio,TextInput,Dimensions,}from'react-native
zcwfeng·2020-03-30 14:47

React-Native自定义插件-读取本地Userdefaults

最近的项目中采用了React-Native，其中不少功能需要自己来写原生部分的支持，其中一个就是在RN和原生之间的数据交互，我把自己的经验写下来做个记录。
水果团团长·2020-03-30 06:17

react Native DeviceEventEmitter

reactjs的全局事件reactnative使用全局事件不需要引入其他的库reactnative自带DeviceEventEmitter模块用法：import{DeviceEventEmitter}from'react-native
麦子_FE·2020-03-30 04:16

react-native webView根据内容调整自身高度

参考：https://www.zhihu.com/question/42864534{this.setState({WebViewHeight:info.url.replace('about:blank%23','')/1+20})}}scrollEnabled={false}/>window.onload=function(){varheight=document.body.clientHeig
早起的小孩没饭儿吃·2020-03-30 02:05

react-native 文件上传

作为react-native的初级小白，项目中遇到文件上传的问题，遇到了一些坑点，记录如下：第三方库的选择react-native-image-crop-picker可以支持拍照，从相册中进行选择照片和对照片的裁剪
星期六1111·2020-03-30 02:44

React Native 获取相册图片

importReact,{Component}from'react';import{CameraRoll}from'react-native';2.通过getPhotoParams获取图片getPhotoParams
墨守青城·2020-03-29 23:37

React-Native——打包build失败解决办法

做完一个rn的项目，终于到了打包提交AppStore的时候了。配置好证书，开始Archive，提示build失败，问题是React中很多filenotfound。奇怪的是，debug模式下并没有问题啊。在StackOverflow中搜索了一下，走了几个弯路之后顺利解决。步骤一：product->scheme->editscheme将debug改成release然后close步骤二：将设备改为：步骤
慕长期·2020-03-29 21:39

Navigator路由

首页列表发现购物车个人中心很明显网页中路由的切换跳转都是由href='xxx'跳转来完成但是href在APP开发里面可不好使href是浏览器里面a标签属性APP里面可没有a标签那么APP开发里面的页面跳转（路由跳转）是如何实现的呢这就是我要讲的react-native
ZKey·2020-03-29 20:25

React-Native 入门（环境搭建及运行）

一、简介1、React-Native介绍ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物
何蒙其实很好·2020-03-29 16:50

关于react-native中的navigation重置路由和安卓物理返回键的清空上一页状态（重置上一页）

在开发rn中经常会遇到路由返回时需要重置上一页的状态，也就是清除上一页的路由缓存，这样当你返回上一页的时候，页面就会重新执行componentDidMount等生命周期，直接上代码：import{StackActions,NavigationActions}from'react-navigation';//StackActions对象包含了生成特定actions的方法，即基于栈导航器的action
小悟空大仙人·2020-03-29 15:35

React-native在安卓5.0 以下手机运行

Couldnotrunadbreverse:Commandfailed:https://stackoverflow.com/questions/31525431/getting-error-closed-twice-on-adb-reverse/31526946Method1:updateandroid5.0SinceadbreverseisnotsupportedinAndroidversion
changlinwang·2020-03-29 15:01

React-Native 安装以及第一次运行记录

1.安装教程按照这个地方的安装没啥问题ReactNative安装教程2.开发工具用的是sublimeatomwebstorm之类的，不过我还没有用到这些工具。我个人电脑上安装了sublime所以就先配置下sublime。3.配置sublime可以参考这里，还是很详细的。配置Sublime4.创建第一个ReactNative项目，由于我还不会用sublime创建，所以就偷懒用的命令行。命令行就很简单
陆地蛟龙·2020-03-29 13:17

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2020-03-29 13:23

用react-native搭建的P2P开源项目

项目地址(https://github.com/seawind8888/lanmaolicai)欢迎Star,欢迎Fork此项目为脚手架，可供任意方向项目使用构建方法1.克隆至本地`gitclonehttps://github.com/seawind8888/lanmaolicai'`2.cd至安装目录`npminstall`3.控制台运行`react-nativerun-ios或者react-n
harvest_wang·2020-03-29 12:03

React-Native中类的继承和model的继承

1.类的继承（ES6）  其实，在React-Native开发中时常会遇到一些方法重复的写，想像Java一样解耦出来呢，又觉得这些方法与类的关联性又很高，不单独提出来，代码有很冗余。
幻雪之恋_0414·2020-03-29 11:02

探究react-native 源码的图片缓存

本文为xcode模拟器测试，rn版本0.44.3突然想学习下RN是如何封装ios中的UIImage的，看着看着发现图片的缓存问题是个坑。。。先看js端图片使用的三种方式，依次排序1、2、31、加载远程图片2、加载xcode中图片3、加载js中图片1、2必须设置图片宽高，3不需设置。对应的ios原生端文件是RCTImageViewManager，暴露的属性RCT_REMAP_VIEW_PROPERT
请叫我啊亮·2020-03-29 08:22

React-Native 0.57版本 Xcode10报错解决方法

Xcode运行报错：node_modules/react-native/third-party/double-conversion-1.1.5/src/fixed-dtoa.ccerror.png解决法法
乘务员·2020-03-29 07:00

React-native之Flexbox布局（2）

一.简介我们在ReactNative中使用flexbox规则来指定某个组件的子元素的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构。Flexbox布局的主体思想是元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素超出可用空间时将自动缩小。总之，Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩。伸缩容器有主轴和交叉轴组成！主轴
飞奔的小马·2020-03-29 07:32

简年1: React-Native踩坑记（汇总一）

刚开始学React-Native,无法使用ImportimportReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,Image
taiji1985·2020-03-29 06:07

react-native init

之前初始化都没问题的，有一次初始化发现报错说网络有问题，然后再初始化就报下面的错误:ThiswillwalkyouthroughcreatinganewReactNativeprojectin/Users/dengjiewen/Desktop/jokeUsingyarnv0.20.3Installingreact-native...yarnaddv0.20.3infoNolockfilefound
jay_den·2020-03-29 01:41

RN笔记-项目教程与源码分享

此文适合react-native新手学习使用，侧重点在于Fetch网络请求、ListView数据源配置及展示。
dangxy丶·2020-03-28 19:22

React Native实战开发3：模块划分

本教程内容和https://zhiwehu.gitbooks.io/react-native/content/同步更新。
Jeffrey_Hu·2020-03-28 17:36
上一页 71 72 73 74 75 76 77 78 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他