React-native

react-native仿微信侧栏字母组件开发（原理篇）

参考：https://github.com/sunnylqm/react-native-alphabetlistview/blob/master/components/SectionList.js原理通过触摸点的位置，去计算所在的字母。源码importReact,{Component}from'react';import{AppRegistry,Dimensions,StyleSheet,View
焚_44b3·2019-11-01 01:26

React-Native 学习第二天：初识RN的代码

忙碌了很久，业务工作终于可以稍稍轻松一点了，赶紧继续学习React-Native。初识RN，先来看看RN的最简单的页面结构吧。
小曼blog·2019-11-01 00:45

React-native之持久化保存----AsyncStorage

这篇写的全，传送门：http://www.cnblogs.com/liuShanPei1024/p/5783197.html?utm_source=tuicool&utm_medium=referral数组的写法：退出idAsyncStorage.removeItem('id',(error)=>{if(error){console.log('id'+error);}else{console.lo
江湖人称_赫大侠·2019-10-31 22:08

ReactNative中使用ListView

StyleSheet,View,Text,Navigator,ListView,Image,TouchableOpacity,ActivityIndicator,RefreshControl,}from'react-native
水山一村·2019-10-31 20:16

ReactNative跨平台开发Navigator组件导航功能

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,Navigator,TouchableOpacity}from'react-native
眞d諟厼m·2019-10-31 19:57

react native 集成 mobx

使用的版本:"mobx":"^4.2.1""mobx-react":"^5.1.2""react":"16.3.1""react-native":"0.55.4"因为安卓的jscore有些问题，所以mobx5
Mainyf·2019-10-31 13:42

Weex之微体验

前言之前的几个月里，已经狠狠地体验了一把React-Native，享受着React-Native带来的快捷，也承受着踩坑的痛苦。改用一句非常流行话“从入门到直接放弃”。
Daniel_颜世玉·2019-10-31 12:37

React-Native 数据存储之react-native-storage的简单使用

react-native-storage是封装好的数据存储组件，安装方法见：https://github.com/sunnylqm/react-native-storage/blob/master/README-CHN.md本文只介绍个人使用的过程：首先导入组件importStoragefrom'react-native-storage';创建一个全局的Storage：创建一个js文件RNAsyn
煎包小混沌·2019-10-31 10:10

初次创建react native项目红屏报错

初次创建react-native项目成功后react-nativerun-android启动项目时出现红屏报错报错上面报错的意思就是加载js的地址不对，localhost是本机(手机)地址，那就修改成电脑对应的
悟空弜厸·2019-10-31 08:20

react-native遇到CSSLayout.h file not found的解决办法

今天本打算重写React-Native与iOS原生的集成步骤，因为读了一遍之前的文章之后，觉得确实有些地方写的不太清楚，但在重写的时候，却遇'CSSLayout/CSSLayout.h'filenotfound
挂着铃铛的兔·2019-10-31 07:04

React-Native初体验一（window环境下开发）

在看这篇文章之前先要确保你window下的react-native的环境已经搭建好了。
小码哥教育520it·2019-10-31 05:55

react-native 启动项目

找了很多的资料，reactnative的资料本来就少，结果关于android的更少，与项目启动有关的就少之又少了，所以我要赶紧记录下来，以免忘记。项目创建完成后，用自己喜欢的编辑器打开，我喜欢用的编辑器是webstorm，简单明了，有一个tests文件夹，一个android文件夹，毋庸置疑，是android用的，一个ios文件夹，是ios用的，还有index.android.js和index.io
走走婷婷1215·2019-10-31 02:30

探索react-native run-ios(android)

我们都知道ReactNavite在开发的时候，需要在ReactNative根目录下运行react-nativerun-ios(或run-android)，或者在Xcode中运行原生iOS项目（对于Android则是在AndroidStudio中运行原生Android项目），然后在对应的ReactNative根目录下运行npmstart(开启nodejs服务，开启JSServer)。写这篇文章的目的
羽纱·2019-10-30 22:28

大神在源码中——react-native android的通讯机制及实现

对于react-native这样优秀的框架，不看看他的源码实在是有点可惜，本文通过对react-native与java通信部分的源码阅读探究react-nativeandroid的通讯机制及实现。
平壤艺术饭店·2019-10-30 22:56

编写react-native 禁止截图插件

插件地址githubnpmjs目的APP开发中有个这样的需求，需要在注册页禁止手机截图功能。目前这个功能只能在android上实现，IOS无法禁止系统的截图功能。通过查阅相关资料，我把查到的结果封装成一个插件，以供大家使用。代码封装API,对外暴露两个方法：setFlag,clearFlag。第一个方法在生命周期DidMounted调用，第二个方法在声明周期willUnMount调用。这样就可以确
lemon_ajiu·2019-10-29 22:07

React-Native三种断点调试方式的流程和优缺点比较

RN的调试和web端的调试虽然相似，但是也有一些不同，下面就来比较一下三种断点调试方法的差异总结：感觉还是第一种好一些1.React-Native-Debugger工具调试法1.1首先我们得下载一个ReactNativeDebugger的调试软件1.2其次，我们找到我们要调试的那个文件，假设这个文件叫做account.js,那么我们打开上面下载的软件并且同时按下ctrl+P,这时候会弹出一个输入框
彭湖湾·2019-10-28 20:00

react-native 点击小标签实现滚动效果

记录一个小需求的开发。react-nativeScrollView点击分类的标签,标签实现滚动效果。这样需求可能很简单。然而菜逼的我第一反应永远是：我不会以及下图：又不会通过以下的过程：问度娘啊然后我想说:我会了！！！！自我娱乐一下---来解决枯燥的记录过程；效果大概是下面这样的：点击滚动.gif代码实现:直接上代码--代码注释都已经加好了--需要的小伙伴相信是看的懂的(注释我写的可仔细了)；或者
小小小小的人头·2019-10-28 17:55

React-Native与小程序的底层框架比较

剖析RN与小程序的底层实现#RN框架#框架js层该层提供了各种供开发者使用的组件以及一些工具库(事件分发等)。C++层主要处理java/OC与js的通信(JSBridge)以及执行JavaScript(JS脚本引擎)。Native层(ObjectC/Java层)主要包括UI渲染器、网络通信等工具库。根据不同操作系统有不同的实现。#UI基于react框架(虚拟dom)首先Js层通过jsx编写的Vir
薛定喵君·2019-10-26 22:26

React-native 0.6版本集成支付宝-Alipay爬坑

前言项目里需要做支付，在github看到的插件多多少少都遇到了坑，实在是爬不出来。参考了支付宝官方文档还有别的一些大佬的文章，做个记录安卓集成1.在app目录下新建libs目录,将sdk包放在应用工程的libs目录下2.在主项目的build.gradle中，添加下面的内容，将libs目录作为依赖仓库：allprojects{repositories{//添加下面的内容flatDir{dirs'li
菠菜·2019-10-22 02:58

react-native apk打包 android

找到javajdkxx.xx.xxxxbin的安装路径如图我这里是C:ProgramFilesJavajdk1.8.0_221bincdC:ProgramFilesJavajdk1.8.0_221bin进入到C:ProgramFilesJavajdk1.8.0_221bin下，执行keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-ke
啊衰·2019-10-17 03:27

react-native 手机拍照权限

第一步：在android/app/src/main/AndroidManifest.xml添加然后运行项目在手机应用权限哪里查看这是添加前的这是添加后的第二步调用importReact,{Component}from'react';import{View,Text,Image,StyleSheet,Button,Modal,TouchableHighlight,TouchableOpacity,D
啊衰·2019-10-17 03:58

适合前端Vue开发童鞋的跨平台Weex

React-Native？还是Flutter?
xiangzhihong·2019-10-16 22:25

react-native常用技巧整理

1沉浸式状态栏第一步，navigationOptions参数中添加如下代码：headerTransparent:true示例图第二步，需要使用沉浸式状态栏的界面中，引入StatusBar示例图第三步，在render中使用StatusBar示例图2styleSheet样式文件分离自定义位置新建js文件，例如basic.js，内部scaleSize是一个工具类不用理会basic.js在用到的界面引入这
此生唯一自传·2019-10-16 16:27

react-native 饿了吗APP

element-react-nativeGithub:https://github.com/manakiaHk/element-react-native.git这是一个用纯React-Native构建的
manakia·2019-10-16 11:12

适合前端Vue开发童鞋的跨平台Weex

React-Native？还是Flutter?
xiangzhihong8·2019-10-15 22:30

开源ReactNative卡片式(Cards)组件，你值得拥有

开源一个跨端的卡片式设计(Cards)的组件,在Android中是MaterialDesign中有一种很个性的设计概念，在使用React-Native跨平台的开发框架中，卡片样式在IOS平台通过设置View
似水流年·2019-10-15 21:44

纯JavaScript实现的调用设备摄像头并拍照的功能

其实之前Jerry的文章只要200行JavaScript代码，就能把特斯拉汽车带到您身边，里面使用到的React-Native加上Viro
JerryWangSAP·2019-10-15 05:07

在SAP除了使用Cordova生产移动应用外，还有这种方式

本文和Jerry过去的文章不太一样，算不上Jerry的知识分享，只是记录一下Jerry用React-Native把应用安装到Android手机上遇到的一些问题，方便以后查看。
JerryWangSAP·2019-10-12 00:00

react-native 请求数据流总结

请求‘流’数据运行环境"react":"^16.4.1","react-native":"^0.55.4",node-vv7.8.01、关于网络请求的插件react-native-fetch-blob官方参考地址
慧惠·2019-10-10 17:36

从React-Native坑中爬出，我记下了这些

吐槽如果React-Native是个人，我估计已经想要打死他了。。。
外婆的彭湖湾·2019-10-08 14:00

从React-Native坑中爬出，我记下了这些

吐槽如果React-Native是个人，我估计已经想要打死他了。。。
外婆的彭湖湾·2019-10-08 14:00

RN学习笔记

2、配置命令行工具：npmi-greact-native-cli安装react-native脚手架（这一步使用yarninstall-greact-native-cli，是没成功
BetterGG·2019-10-08 14:17

除了Web和Node，JavaScript还能做什么

JavaScript可以通过electron.js建设跨平台电脑桌面应用通过树莓派和Node.js，沟通硬件做电视机机顶盒应用，例如借助ntv.js从Hybird到React-Native，编写跨平台的混合
外婆的彭湖湾·2019-10-08 08:00

除了Web和Node，JavaScript还能做什么

JavaScript可以通过electron.js建设跨平台电脑桌面应用通过树莓派和Node.js，沟通硬件做电视机机顶盒应用，例如借助ntv.js从Hybird到React-Native，编写跨平台的混合
外婆的彭湖湾·2019-10-08 08:00

React Native 和 Jenkins 不得不说的二三事

react-native打包文件结果包含bundle文件和图片资源文件。如果app加载本地bundle或者连接本地开发服务，图片资源是可以正常访问的，但是如果访
ineo6·2019-10-04 00:00

react-native-webview postMessage不起作用 怎么调用js方法

react-native-webview是react-native基础组件Webview的副本,在react-native0.60版本中完全删除WebView关于RN和js的交互,网上有很多相关的文档,
王家薪·2019-10-02 01:35

一招教你解决react-native模块版本与自身不同的问题

由于作者的问题或者版本本身问题有些模块build.gradle里的compileSdkVersion属性会和根目录下的build.gradle里配置的不同导致打包失败简单解决办法就是直接修改对应包里的配置但是这种办法对于重新npmi之后需要重新修改比较麻烦可以使用如下办法修改android/app/build.gradle文件增加如下代码subprojects{afterEvaluate{proj
546669204·2019-09-27 00:00

React Native 图片资源那些事

react-native中使用Image组件来显示图片，表面上和html的img标签大同小异，但是其source属性包含的逻辑缺复杂的多，同时也和bundle运行的方式也有关系。
ineo6·2019-09-26 00:00

用React-Native+Mobx做一个迷你水果商城APP(附源码)

，看到了wxapp-mall这个微信小程序的项目，觉得很不错，UI挺小清新的，便clone下来研究研究，在看源码过程中，发现并不复杂，用不多的代码来实现丰富的功能确实令我十分惊喜，于是，我就想，如果用react-native
·2019-09-24 17:31

React-Native Android 与 IOS App使用一份代码实现方法

React-NativeAndroid与IOS共用代码React-Native开发的App,所有组件iOS&Android共用,共享一份代码包括一些自定义的组件,如NavigationBar,TabBar
·2019-09-24 05:57

在React native 如何写if判断和for循环

importReactfrom'react';import{View,Image,TextInput,Text}from'react-native';classBindCardextendsReact.Component
隔壁老主·2019-09-23 17:00

从Hybrid到React-Native: JS在移动端的南征北战史

注：因为不了解Dart，所以本文不对flutter相关内容进行阐述,实在抱歉其实写这篇文章的时候，我就知道，肯定有人问我：为什么不写flutter？抱歉了，flutter的大名我当然知道，可我只是一个写JS的，同时了解一些Java的知识，而flutter采用的编程语言，我暂时没有碰过，所以自然不敢妄加猜度，还请谅解HybridHybird是一种混合开发应用，可以实现JS和Java代码的互通，单纯使
外婆的彭湖湾·2019-09-23 07:00

从Hybrid到React-Native: JS在移动端的南征北战史

注：因为不了解Dart，所以本文不对flutter相关内容进行阐述,实在抱歉其实写这篇文章的时候，我就知道，肯定有人问我：为什么不写flutter？抱歉了，flutter的大名我当然知道，可我只是一个写JS的，同时了解一些Java的知识，而flutter采用的编程语言，我暂时没有碰过，所以自然不敢妄加猜度，还请谅解HybridHybird是一种混合开发应用，可以实现JS和Java代码的互通，单纯使
外婆的彭湖湾·2019-09-23 07:00

es6在react中的应用代码解析

不论是React还是React-native，facebook官方都推荐使用ES6的语法，没在项目中使用过的话，突然转换过来会遇到一些问题，如果还没有时间系统的学习下ES6那么注意一些常见的写法暂时也就够用的
·2019-09-23 00:10

react-native中AsyncStorage实例详解

react-native中AsyncStorage实例详解AsyncStorage是一个简单的，具有异步特性的储存API，它的储存方式为键值对的方式，且对整个App而言，是全局的。
·2019-09-22 20:58

React Navigation 监听不同页面的物理返回键事件

前言本文环境基于："react-native":"0.60.5""react-navigation":"^4.0.0""typescript":"^3.6.2"首次编辑时间：2019.9.19描述在对应页面添加如下代码我们就能监听不同页面的返回事件
DeMonnnnnn·2019-09-19 11:14

React Navigation 监听不同页面的物理返回键事件

前言本文环境基于："react-native":"0.60.5""react-navigation":"^4.0.0""typescript":"^3.6.2"首次编辑时间：2019.9.19描述在对应页面添加如下代码我们就能监听不同页面的返回事件
DeMonnnnnn·2019-09-19 11:14

react-native-swiper

阅读更多importReact,{Component}from'react'import{Text,View,Image,Dimensions}from'react-native'importSwiperfrom'react-native-swiper'const
coollyj·2019-09-15 00:00

react-native-swiper

阅读更多importReact,{Component}from'react'import{Text,View,Image,Dimensions}from'react-native'importSwiperfrom'react-native-swiper'const
coollyj·2019-09-15 00:00

react-native-swiper

阅读更多importReact,{Component}from'react'import{Text,View,Image,Dimensions}from'react-native'importSwiperfrom'react-native-swiper'const
coollyj·2019-09-15 00:00
上一页 97 98 99 100 101 102 103 104 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他