React-native

react-native山寨美团下拉菜单实现

山寨美团下拉菜单实现目标山寨美团下拉菜单主要实现以下几个功能：1、在下拉的时候有动画过度效果2、�下拉菜单出现后点击菜单项，菜单项可选择，并触发对应的事件3、下拉菜单中的项目可以配置效果图Untitled.gif具体实现1、整体的结构下拉菜单项必须覆盖内容，并在下拉菜单出现的时候仍然可以点击上面的返回按钮，所以不能使用Modal组件所以这里采用的思路为{this.props.renderConte
雪亮出品·2020-03-08 01:24

RN笔记-列表

学习小码哥react-native视频教程，以下粘贴出源码，方便以后学习使用。
dangxy丶·2020-03-07 22:13

react-native环境配置

使用Homebrew来安装Node.js.brewinstallnode安装完node后建议设置npm镜像以加速后面的过程npmconfigsetregistryhttps://registry.npm.taobao.org--globalnpmconfigsetdisturlhttps://npm.taobao.org/dist--globalReactNative的命令行工具（react-na
青菜白玉堂·2020-03-07 21:11

React-Native错误汇总

1.Mac升级到10.12版npmstart报错错误信息如下：Errorwatchingfileforchanges:EMFILE{"code":"EMFILE","errno":"EMFILE","syscall":"Errorwatchingfileforchanges:","filename":null}Error:Errorwatchingfileforchanges:EMFILEatex
飞沙0913·2020-03-07 20:40

reactNative 之API AdSupportIOS （注意事项）

07-20上午11.44.11.png通过点击getAdvertisingId方法进到官方提示里面我们可以看到要先把RCTAdSupport.h和RCTAdSupport.m从node_modules/react-native
Lucky_1122·2020-03-07 19:19

React-Native实践

关于React-NativeReact-Native号称是跨平台开发且具有原生应用的体验，早在两年前我曾经尝试过使用React-Native，但是环境搭建过程及其复杂，可参见我之前写的文章：iOS现有项目手动集成
RiverLi·2020-03-07 19:10

委托 接口 事件 多态

PropTypes}from'react';import{AppRegistry,View,Navigator,StyleSheet,StatusBar,DeviceEventEmitter,}from'react-native
楚怀哲·2020-03-07 18:27

RN学习笔记之一些小坑

/test';，导入时...没有错，使用的时候也不会提示报错，但是运行时会报错2、ReactNativejcenter()中的react-native架包最新版本为0.20.1，可以查看[https:/
AnonyPer·2020-03-07 18:08

react-native使用RNFetchBlob 更新安卓包

react-native-fetch-blob链接：https://github.com/wkh237/react-native-fetch-blob示例代码：importRNFetchBlobfrom'react-native-fetch-blob';letdirs=RNFetchBlob.fs.dirs;letandroid=RNFetchBlob.android;RNFetchBlob.co
不一样的心情_eb40·2020-03-07 05:35

mac如何android设备上运行react-native

JDK环境JDK安装AndroidStudio,安装android-sdk（先安装JDK环境）AndroidStudio环境变量(mac)如果是第一次配置环境变量，在终端中分别执行$touch.bash_profile$open-e.bash_profile如果不是第一次配置环境变量，则只需执行第二个命令，我的环境变量可供参考exportANDROID_HOME=~/Library/Android
sunny2786·2020-03-07 04:03

npm install -g react-native-cli报错

在命令行中安装react-native的时候npm报错如下npmWARNlockingError:EACCES:permissiondenied,open'/Users/.npm/_locks/staging
bogerLiu·2020-03-07 03:51

react-native 热更新(Android)

1、安装code-push-cli安装npminstall-gcode-push-cli注册code-pushregister跟着流程注册就行了登录code-push-login会自动弹出token登录.png多试几次吧，很有可能弹不出来token2、添加APPcode-pushappadd添加APP.png添加团队成员code-pushcollaboratoradd3、集成CodePushSDK
捡破烂儿的·2020-03-07 01:30

React-Native iOS本地扩展

部分摘自React-Native入门与实战0x01通信机制React-Native（之后简称RN）作为一个JavaScript跨终端框架，与终端原生语言之间的交互是必不可少的。
Bc_wh1te_Le1·2020-03-07 00:54

react-native使用蚂蚁金服的antd-mobile组件库教程

有什么问题可以进qq群讨论131657381国际惯例，先来展示下这个强大的组建库，常用的大部分组建都可以找到9A99D507-9505-478F-956C-8F243CFECAF5.png3D408F99-BCD5-4C3E-905B-0EDAEB58A858.pngFFC8CB54-EF30-41AB-AA49-83AE3379C69E.pngA52EFACE-86F2-4586-86F5-66
既然可以颠覆何必循规蹈矩·2020-03-06 21:17

Native项目迁入React-Native过程中遇到的坑(0.4x版本)

转载请注明出处王亟亟的大牛之路最近都在忙着搭架子，找框架，谈需求和开会。甚至都没有时间好好装逼，昨天帮安卓的小伙把项目从安卓整体迁移到了RN的项目下面，过程中遇到很多不可描述的坑，这里给大家分享下经验先安利，安卓收纳库:https://github.com/ddwhan0123/Useful-Open-Source-AndroidReact-Native收纳库:https://github.com
王亟亟·2020-03-06 12:56

GitHubPopular源码分析

;使用react-native自带的Navigator组件。
nimw·2020-03-06 11:29

一个基于 react-native + mobx + socket.io + node 的仿微信 JS-IM

Im.JSim-js-logo一个基于react-native+mobx+socket.io+node的仿微信JS-Wechat。项目主页Github-Im.JS写在前面WhyNotJS?这是自己作为一个JS开发者面对来自他人的不确信，常常问起自己的问题。我想不管答案是什么，更重要的是探索深挖的过程；不肤浅，总能有意想不到的收获。效果图iOS预览Android请直接扫码下载体验ios-demo.g
plusman·2020-03-06 09:27

react-native如何modal出视图

很简单，直接代码，一看就懂importReactfrom'react';import{Text,View,TouchableOpacity,Modal}from'react-native';exportdefaultclassConferenceCallPageextendsReact.PureComponent
请叫我啊亮·2020-03-06 05:04

Could not find iPhone X simulator

找到/node_modules/react-native/local-cli/runIOS/f
双轮自行车·2020-03-06 03:28

react-native 封装首页图标组件

先上效果图：QQ20170629-111706.png这是之前项目中封装的首页图标组件，现在项目改版，所以这个组件便被舍弃了，在此记录下，以免忘记。一、封装组件HomeCell.js/***Createdbysybil052on2017/3/28.*首页grid网格布局*/importReact,{Component,PropTypes}from'react';import{View,StyleS
sybil052·2020-03-06 02:49

react-native 遇到的错误

记录下在react-native开发中遇到的错误ReferenceError:Can'tfindvariable:__fbBatchedBridge...react-native启动用来做JavaScript
姜家志·2020-03-06 01:29

react-native的线上错误监控

firebase：https://invertase.io/oss/react-native-firebase/v6/crashlyticssentry：https://sentry.io/welcome/
老王技术栈·2020-03-05 12:00

react-native cookie 的处理

reactnative默认会自动持久化并携带cookie,android和ios都是一样的，android中会保存到app_webview/Cookies文件中，ios我估计也是这样的cookie.png进程杀死、应用重启都不影响cookie的携带，因为持久化到了文件中。但是没有发现删除方法，我们的app是以cookie来表示登录用户的，怎么删除呢？当然直接移除Cookies文件就行了，参考一下R
lesliefang·2020-03-05 09:06

iOS 现有项目集成React-Native

配置开发环境参照官网搭建RN环境集成进现有iOS项目1.设置项目结构首先创建一个空文件夹作为项目根目录，然后在其中创建iOS文件夹，把原工程夹里面的内容拷贝到iOS文件夹2.安装JavaScript依赖包在项目根目录下创建名为package.json的空文件，然后填入以下内容：{"name":"MyReactNativeApp","version":"0.0.1","private":true,"
Gmi9·2020-03-05 09:40

使用cocoapods 集成react-native 笔记

新建内容为：{"name":"myTestApp",／／工程名"version":"0.0.1","private":true,"scripts":{"start":"nodenode_modules/react-native
Holly_9f63·2020-03-05 08:13

React-native使用中的坑

1.首先安装jdk并配置环境变量安装studio并安装sdk配置环境变量ANDROID_HOME（环境变量名称）=>E:\Android\sdk（sdk地址）设置环境变量（PATH=>%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）或者（E:\Android\sdk\platform-tools）2.设置sdk打开AndroidSDKManag
站在街角等你·2020-03-05 03:51

React-Native 做一块砖(组件)_5

那么一个组件相当于一块砖.那么在搬砖之前,先把砖做出来:创建一个MainView组件importReact,{Component}from'react';import{StyleSheet,Text,View,}from'react-native
Jniying·2020-03-05 00:34

react-native组件方法扩展

需求：想让组件在挂载完成后打印输出当前组件名字。作为一名ios开发者，依托oc强大的运行时，这个问题再简单不过了，但是js嘞？最先想到的是替换组件Component.prototype原型链上的相关方法，但源码一看，发现componentDidMount不在组件的原型链方法之上，没法。想起了es5中的mixins，大体实现如下：constLogMixin={componentDidMount:fu
请叫我啊亮·2020-03-04 20:08

React-Native 自定义Android原生组件--弹出提示框

特别说明：本文仅适合未接触过或不熟悉Android原生开发的React-Native新手开发者！
wangheng3751·2020-03-04 19:45

react-native init 新项目 启动报错-Print: Entry, ":CFBundleIdentifier", Does Not Exist

终端react-nativeinittest//创建test项目cdtestreact-nativerun-ios结果报错无法运行：Print:Entry,":CFBundleIdentifier",DoesNotExist或直接通过Xcode在虚拟机上运行报错：Command/bin/shfailedwithexitcode1解决方案：将创建的项目删除重新init项目，指定react-nativ
itxing·2020-03-04 19:36

React-Native 侧滑容器DrawerLayoutAndroid

StyleSheet,PixelRatio,Text,Image,TouchableHighlight,DrawerLayoutAndroid,ProgressBarAndroid,View}from'react-native
小张呵呵·2020-03-04 11:30

react-native源码——定时器

定时器RCTDisplayLink在程序启动时，随着RCTBatchedBridge一同初始化，但并没有立刻启动。当js文件加载完成，进入方法executeSourceCode-(void)executeSourceCode:(NSData*)sourceCode{....提取定时器相关代码NSRunLoop*targetRunLoop=[self->_javaScriptExecutorisKi
请叫我啊亮·2020-03-04 11:44

react-native -- ScrollView

ScrollView的一些常用属性值1.contentContainerStyle这些样式会应用到一个内层容器上，所有的子视图都会包裹在内容容器内。return()conststyles=StyleSheet.create({contentContainer:{paddingVertical:20}})2.horizontal当此属性为true的时候，所有的子视图会在水平方向上排成一行，而不是默认
Miss_Fairy·2020-03-04 11:18

React-Native学习，当Import一个组件类时的报错处理

button的组件类，如果你按照以下这种写法importComponent的话importReact,{ComponentStyleSheet,Text,View,TouchableOpacity,}from'react-native
码农的思念·2020-03-04 09:52

1.3 底部导航

源代码[地址][2][2]:https://github.com/BaiPeiHe/react-native底部导航菜单react-native-tab-navigator地址1、导入框架：//在根目录下执行
倪灏·2020-03-04 07:59

React-Native Slider滑竿使用

Slider用于选择一个范围值的组件效果：39BFFBD7-299A-4A2F-B849-17A1362FBAF6.png属性：minimumValue：滑块的最小值（当滑块滑到最左侧时表示的值），默认为0maximumValue：滑块的最大值（当滑块滑到最右端时表示的值），默认为1value：滑块的初始值。这个值应该在最小值和最大值之间，默认值是0onValueChange：在用户拖动滑块的过程
煎包小混沌·2020-03-04 06:38

React-Native 学习笔记 - 使用FlatList加载网络数据

React-Native学习笔记-使用FlastList加载网络数据声明变量constructor(props){super(props);this.state={isLoading:true,//网络请求状态
JokAr_·2020-03-04 05:52

StackNavigator（2）

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,TouchableOpacity,AlertIOS,}from'react-native
aofeilin·2020-03-04 00:39

React Native 入门（七） - ref

MyView.js：importReact,{Component}from'react';import{View,Text}from'react-native';exportdefaultclassMyViewextendsCo
ayuhani·2020-03-03 23:09

React-native 中使用 react-native-vector-icons 图标库

CONS是矢量图，可以直接使用图片名,就能加载图片的第三方,使用很方便,你不需要在工程文件夹里塞各种图片,字体图标的使用在开发中常常有意想不到的趣味性，和便捷而且大小颜色等定义相对于图片而言实在是方便不少；刚入RN不久今天遇到了点坑，现在分享总结一下react-native-vector-icons的简单使用，虽然之前也看了需要地方的教程，但是可能因为版本的原因，运行项目都是包无法加载字体文件；本
捏泥巴的小人·2020-03-03 22:59

React-Native 学习第二天：Props（属性）

大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props（属性）。1、展示一张图片exportdefaultclassTestRNextendsComponent{//render()这是一个必须的方法，返回一些用户渲染结构的JSX语句render(){//定义一个pic常量，赋值为一个图片的地址letpic={uri:'https://upload.wikimedia.
小曼blog·2020-03-03 22:21

React-Native图片多选上传，及头像处理等可动态增加删除2018-11-08

今天公司业务用到图片的多选上传或者删除，目前只看到了相关的图片上传组件。例如:https://github.com/ivpusic/react-native-image-crop-picker还是非常强大的，具体搭建就看官方demo足矣。接下来我演示，如何做图片的动态添加或者删除，以及上传到我们的server服务，然后再用来显示在我们的前端。版本：react-native0.57后台Server是
超级小学生1·2020-03-03 22:58

React-Native Text根据文字多少自动居中

React-NativeText根据文字多少自动居中首先要定义Text所在的View的justifyContentalignItems设置居中，其次就是Text也要设置居中exportdefaultclassViewStyleextendsComponent{render(){return(44444444444444444);}}constselfStyle=StyleSheet.create(
尘泥而已·2020-03-03 21:45

react-native+redux 抛砖引玉（1）

当年看完react-native中文文档，并费劲心思创建成功第一个项目后，你也许会觉得react-native应该没啥难的，网上有那么多轮子，拿来用就好了。
浮夸丶小强·2020-03-03 18:46

windows下react-native 开发环境搭建

1、react-native安装npminstall-greact-native-cli可以使用yarn代替npm，安装更快yarnglobaladdreact-native-cli校验是否安装成功react-native-v2
鲸波万里·2020-03-03 16:23

react-native No Bundle URL Present

一、packageserver没有启动启动服务react-nativestart二、切换网路环境导致以iOS为例，移除iOS下build的内容，然后再重新启动rm-rfios/build/react-nativerun-ios三、是否使用了host添加host例如127.0.0.1localhost
可微微可可可·2020-03-03 10:12

React-native 利用NetInfo获取网络状态

适用于双平台网络状态检测NetInfo.isConnected.fetch().done((isConnected)=>{console.log('First,is'+(isConnected?'online':'offline'));});functionhandleFirstConnectivityChange(isConnected){console.log('Then,is'+(isCon
伦家这么萌·2020-03-03 04:27

react-native 开发遇到的坑

1、启动应用后，显示:unabletoloadscriptfromassets‘index.androidbundle’,makesureyourbundleispackagedcorrectlyoryouu’reruningapackagerserver出现这种问题是因为加载不到index.android.bundle而这个文件是在Android->app->src->main->assets文
狂澜1991·2020-03-03 01:02

React-Native RCTEventEmitter (OC方法调用RN方法)

需要从iOS向RN发送一个通知,这时就会用到RCTEventEmitter.我直接把代码贴出来://.h+(void)postNotiToReactNative:(NSString*)typeargs:(id)args;//.mRCT_EXPORT_MODULE();-(NSArray*)supportedEvents{return@[@"SpotifyHelper"];//这里返回的将是你要发送
我是C·2020-03-02 20:23

React Native-JS语法简单了解

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
精神病患者link常·2020-03-02 17:11
上一页 77 78 79 80 81 82 83 84 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他