React-native

RN中webview的一些思考

遇到的坑：webview和h5通信时，会有一些延迟导致不能立即生效具体描述：在使用react-native时，需要加载外部网页，加载后，RN提供一个按钮可以关闭网页，但如果打开的是内部网页就需要隐藏这个按钮
杨龙飞·2019-07-26 00:00

react-navigation报错

我的代码原来是import{AppRegistry}from'react-native';importAppfrom'./App';import{nameasappName}from'.
罗毅豪·2019-07-23 22:00

关于react-native中FlatList的 上拉加载更多，下拉刷新

前言：在react-native项目中，列表是非常常见的，并且react-native官方也有提供列表组件FlatList；但是这个组件本身的上拉加载更多，下拉刷新属性是有一定问题的，需要我们字段去控制才能完美的实现
halo1416·2019-07-23 12:42

React-Native开发技巧

React-Native开发技巧1.React-Native环境搭配，组件https://reactnative.cn/docs/props/React-native中文网2.使用vscode开发js相关的代码
libinbin147256369·2019-07-22 14:43

如何优化你的超大型React应用 【原创精读】

React为了大型应用而生，Electron和React-native赋予了它构建移动端跨平台App和桌面应用的能力，Taro则赋予了它一次编写，生成多种平台小程序和React-native应用的能力，
Peter谭金杰·2019-07-22 00:00

学习 Vue ，从入门到放弃

也做个两个react的项目和一个react-native小东西，都是不懂现查资料，没有系统学习过。三大前端框架就没接触过Vue了，所以打算拿它从小白学起，也顺便写个完整学习心得。以前学习an
一 定 会 去 旅 行·2019-07-18 08:00

React-Native升级带来的问题

React-Native升级到0.6版本，AndroidXisamajorstepforwardintheAndroidecosystem,andtheoldsupportlibraryartifactsarebeingdeprecated.For0.60
星空之神·2019-07-15 17:40

分享一款适用于react-native的图表组件

因为react-native版本更新的快，用不同的版本必须适配不同的第三方库，所以很多repo维护的都比较慢（或者类似于react-native-chart就直接不更新了），如果你非得用某个
daniel1227·2019-07-15 15:48

react-native https自签证书（android&ios）

一、Android在\项目\node_modules\react-native\ReactAndroid\src\main\java\com\facebook\react\modules\network
路飞呀·2019-07-15 13:32

react-native https自签证书（android&ios）

一、Android在\项目\node_modules\react-native\ReactAndroid\src\main\java\com\facebook\react\modules\network
路飞呀·2019-07-15 13:32

react native实现关键字搜索，自动刷新，使用FaltList数据渲染

数据渲染组件使用的是FaltListimportReact,{Component}from'react'import{Text,View,FlatList,TextInput}from'react-native
smallzip·2019-07-12 11:03

React Native 其他组件之 Alert

弹出确认框简单示例importReact,{Component}from'react';import{StyleSheet,Alert,View,Text}from'react-native';exportdefaultclassAppextendsComp
小朵八·2019-07-11 15:04

react native报错 React Native version mismatch解决方案

两种版本不一致时我们需要收到把package.json文件里的react-native文件版本改为与
sever27·2019-07-08 15:46

从源码编译react-native

一、react-native源码编译过程（参考官方文档从源代码编译ReactNative）：1、下载ndk：ndk下载地址：（版本根据官方文档订）2、在{project}/android目录下修改local.properties
路飞呀·2019-07-08 15:43

从源码编译react-native

一、react-native源码编译过程（参考官方文档从源代码编译ReactNative）：1、下载ndk：ndk下载地址：（版本根据官方文档订）2、在{project}/android目录下修改local.properties
路飞呀·2019-07-08 15:43

1. react-native 样式

textAlign:'center',文字水平居中textAlignVertical:'center',文字垂直居中backgroundColor:'pink',背景颜色justifyContent:'center',盒子里的内容垂直居中justifyContent:'space-between',alignItems:'center',盒子里的内容水平居中alignItems:'flex-sta
hi文邵·2019-07-04 10:42

iOS pod install报错

/ReactComponent/node_modules/react-native/React.podspecpackage=JSON.parse(File.read(File.
一亩三分甜·2019-07-01 16:22

react-native codepush 热更新

react-nativecodepush热更新1.安装codepushnpminstall-gcode-push-clicode-push-v2.创建一个CodePush账号1.code-pushregister授权通过之后，CodePush会告诉你“accesskey”，复制此key到终端即可完成注册，你的session文件将会写在/Users/你的用户名/.code-push.config。2
Pengxw·2019-07-01 00:00

ios react-native 调用原生UI组件中的方法，并且给原生传入参数

需求：RN中使用了原生的播放器UI组件，当该RN页面退出时，播放器并没有关闭，仍在继续播放中，这个时候需要在RN页面退出的时候，主动关闭视频播放，这就需要调用原生播放器组件提供的一个方法。过程如下：1、ios原生端，自定义View中：VLCPlayView.h文件中NS_ASSUME_NONNULL_BEGIN@interfaceVLCPlayView:UIView-(void)releaseVL
康闹闹2013·2019-06-28 17:26

一行代码搞定 Android平台React Native Modal 无法延伸到状态栏的问题

本文首发于公众号：Android技术杂货铺背景介绍最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后
依然范特稀西·2019-06-26 08:57

react-native,纯数字键盘组件；

auther:wujh@数字键盘组件*/importReact,{Component}from'react';import{StyleSheet,Text,View,Modal,Dimensions}from'react-native
Mason·2019-06-26 00:00

react-native原生loading动画组件

react-native原生loading动画组件代码比较简单，有这方面需求的小伙伴可以copy随时使用；使用源码importReact,{Component}from'react';import{StyleSheet
Mason·2019-06-26 00:00

react-native 安全数字键盘

react-native,安全纯数字键盘组件；所需依赖原生react-native和ant-designRN；代码比较简单，有这方面需求的小伙伴可以copy随时使用；可以根据自己实际业务场景作修改使用{
Mason·2019-06-26 00:00

使用Visual Studio Code开发react-native

选择：vscode+typings+eslintvscode:宇宙最强IDE家族的最新产品typings:基于typescirpt的接口文件eslint:代码静态检查，技能检测低级的语法错误，又能规范代码格式和应用最佳实践工具和插件点击各个插件，会有对应的详细的说明vscode和插件的更新频率还是比较快的，推荐及时更新vscode的插件安装很简单，左侧最下面那个按钮就是扩展面板，直接搜索插件名字，
鹭明·2019-06-25 17:12

react-native 对android物理返回键back的监听以及基类封装

***所有组件的基类*实现android端物理返回键的监听*/importReact,{Component}from'react';import{BackAndroid,Platform,}from'react-native
慕天远·2019-06-25 10:00

React Native的 react-native run-android问题

初学react-native，遇到N多的坑，在这里记录一下，便于以后查找：BUILDFAILEDin32s1actionabletask:1executederrorCouldnotinstalltheapponthedevice
东方雨林_Lin·2019-06-24 17:52

如何快速搭建一个React-Native的APP

APP无难事，只怕有心人今天我们来看看如何快速搭建自己的APP，而且用上流行的数据流解决方案、导航方案。一、技术栈如果你对这里的技术栈感到困惑，大可不必担心，跳过这里，直接上手下面的的Demo(例子)，并不影响你搭建这个APP。因为我们会用一个脚手架一次安装，而不是一个一个安装。当你熟练使用下面的Demo的开发语言和逻辑时，再回过头来，慢慢掌握这里的技术栈，你也许会收获更多。1.React-Nat
_茂·2019-06-22 11:59

提问回顾与个人总结

在这次的软件工程项目中，我并没有使用goto函数，但react-native自带的周期函数（如render，
吴昊1606·2019-06-22 11:00

react native ios 打包发布

react-native发布打包第一步：导出jsbundle包和图片资源1.创建release_ios目录mkdirrelease_ios2.在ReactNative项目的根目录下执行：react-nativebundle
Pengxw·2019-06-22 00:00

React-Native封装Android页面为组建

纯手打，本人新手，有错误欢迎指导，转载注明。使用场景：视频。使用方法，直接在render里用组建的方式使用原生页面。render(){}开始，RN调用原生界面。官方说明：官方介绍了一个封装ImageView组建的教程，使用的SimpleViewManager或者ViewManager。看了官方的还是脑壳疼。可能是基础不够吧。实际操作：1.创建Package类实现ReactPackage，然后在Ma
lwtzzz·2019-06-21 17:27

react-native扫描二维码：react-native-camera

首先先来说明一下今天要解决的问题，那就是在RN的项目中实现扫描二维码的功能，扫码功能为什么要使用react-native-camera插件呢，它看上去更想是跟相机相关的插件，其实手机扫码功能本身就是相机提供的一个功能，你可以打开你的手机，对准一个二维码，它也是可以识别出信息的，我们了解这个情况之后呢，使用这个插件就不足为奇了安装1、npminstallreact-native-camera--sa
十一点半了·2019-06-21 16:37

发布npm包的方法

在做react-native开发的时候，我们经常会找到一些第三方组件，并且通过npminstall的方式很方便的安装使用。我们也可以开发并发布组件，给自己或开源给他人使用。
优雅的步伐·2019-06-20 18:20

react-native使用正则表达式

1.正则表达式去除数字以外的其它字符letD=/\D/letnewText='234sdf78sdf2sdfwer7'while(D.test(newText))newText=newText.replace(D,'')这里其实只用到了正则里面的一个“\D”，在正则语法里面“\d”表示所有数字，“\D”则表示除了数字的其它所有字符。"\D"：表示除了数字的其它所有字符那么为什么会用到while循环
要成为_海贼王_的男人·2019-06-20 14:59

RN热更新-相关-

ios和Android的环境都已经在分支“20190513_feature_hot_tangliang”里面整理好了，如果需要看环境配置细节（本RN版本为"react-native":"0.59.5",
唐_亮·2019-06-19 15:33

React-Native搭建报错：Unable to load script.Make sure

报错Unabletoloadscript.Makesureyou'reeitherrunningametroserver（run'react-nativestart'）orthatyourbundle'index.android.bundle'ispackagedcorrectlyforrelease.原因我自己这里报错原因是没有找到index.android.bundle。解决方法方法一创建an
巨大星星星·2019-06-19 00:00

虚拟 DOM 到底是什么？

虚拟DOM（VirtualDOM）这个概念相信大家都不陌生，从React到Vue，虚拟DOM为这两个框架都带来了跨平台的能力（React-Native和Weex）。
weixin_33736649·2019-06-18 03:41

虚拟 DOM 到底是什么？

虚拟DOM（VirtualDOM）这个概念相信大家都不陌生，从React到Vue，虚拟DOM为这两个框架都带来了跨平台的能力（React-Native和Weex）。
大雾·2019-06-18 00:00

React-Native的巨坑

写一下在iOS原生的项目上集成React-Native遇到的坑.因为Realm这个坑货居然不支持CocoaPods,所以不得不以xcodeproj的方式引入到原生项目中,其中有有很多坑。
南国青天·2019-06-14 16:17

【React Native】进阶指南之一（特定平台、图片加载、动画使用）

Platform模块ReactNative提供了一个检测当前运行平台的模块；Platform适用于对一小部分代码需要按照平台定制的情况；import{Platform,StyleSheet}from"react-native
零零圈圈·2019-06-13 15:00

如何在react-native中跳转原生页面

项目背景：集成网易云信的sdk，开发了一个原生的即时聊天模块，而项目的整体框架使用react-native开发的，现在需要将这个原生模块集成到项目中。
康闹闹2013·2019-06-12 11:29

【React Native】react-native之集成支付宝支付、微信支付

一、在使用支付宝支付、微信支付之前导入桥接好的头文件github地址：https://github.com/xujianfu/react-native-pay二、集成支付宝支付流程RN支付宝需要分别对iOS（Xcode）和安卓（AS）配置，与原生app相比只是将支付操作放在了RN当中。流程大同小异，一般都是从后台获取支付字符串，然后传递支付字符串调用支付宝SDK，SDK再调用支付宝的支付模块。如果
零零圈圈·2019-06-11 13:00

React-Native之打包发布(Android)

React-Native之打包发布(Android)一,介绍与需求移动端打包发布到应用市场二,发布配置注意：以下所有操作都在win10下进行,ReactNative版本0.59.5,android-studio
jackson影琪·2019-06-10 09:00

关于React-Native底部tab高度初探

写这篇文章的原因，就是产品经理希望在app下方的tab上悬浮一条提示，我们的app用的是RN的框架，于是我调研了一番如何去计算底部tab栏的高度。去RN的社区逛了一圈，发现目前没有官方的方法能够直接调用得到底部tab高度，甚至还看到有人因为这一点而不满RN的开发人员，在社区吐槽（TrashTalk）。Anyway，那我们就自己来。一、Tab栏自身的高度这个地方去看了源码，发现tab的高度其实只有两
要做前端的一股清流·2019-06-08 17:22

react-native打包apk常见错误收集

react-native0.59打包报错，信息如下，根据错误信息是因为react-native-cookies的sdk版本问题导致的1./gradlewassembleRelease23>Configureproject:react-native-cookies4WARNING:Configuration'compile'isobsoleteandhasbeenreplacedwith'imple
豆浆油条123·2019-06-05 12:00

react-native设置虚线不生效，TextInput设置多行，内容垂直居中了

在react-native开发中，我们有时间需要用到border的样式为虚线borderStyle:"dashed",发现不生效，查资料可知，原理他需要和borderRadius一起使用borderStyle
鹿的迷雾林·2019-06-04 18:10

react-native 打包报错

关于学习过程中打包androidapk时的报错在项目中新增了第三方原生组件react-native-image-crop-picker时，本地调试正常，打包测试时报错！//报错信息如下Couldnotresolveallfilesforconfiguration':jcore-react-native:lintClassPath'.>Couldnotdownloadgroovy-all.jar(o
秃头大叔·2019-06-04 16:07

总结：36跨平台开发的现状与应用

developers.google.cn/web/updates/2019/02/rendering-on-the-webFacebook的ReactNativehttps://github.com/facebook/react-native
WizardDragon·2019-06-03 15:20

使用React、Electron、Dva、Webpack、Node.js、Websocket快速构建跨平台应用

目前Electron在github上面的star量已经快要跟React-native一样多了这里吐槽下，webpack感觉每周都在偷偷更新，很糟心啊，还有Angular更新到了8,Vue马上又要出正式新版本了
Peter谭金杰·2019-06-03 00:00

RN:Unable to resolve module `react/lib/ReactPropTypes(Image.android.js)

问题Unabletoresolvemodule`react/lib/ReactPropTypes`from`xxxxxx\node_modules\react-native\Libraries\Image
DeMonnnnnn·2019-05-31 10:32

2019 最新 React-Native/TypeScript/Redux/Saga 实践

最近研究ReactNative、ReduxSaga以及TypeScript相关的内容，整理成了一个ReactNativeTemplate，可以直接使用下面的命令创建一个新的应用：react-nativeinitMyApp--template=parcmg初始化完成之后，按下面的方式执行命令：cdMyAppnodesetup.jsnpminstallreact-nativelinkreact-nat
大胡子民工潘半仙·2019-05-31 00:00
上一页 99 100 101 102 103 104 105 106 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他