React-native 第31页

react-native 编写的一个点击展开，下拉刷新案例

下面这个主要是一个微信分享的页面，包含两个tab,主要做的是第二个就爱不正经的tab页面，主要包含功能，朋友圈配图默认展示两张图片，下面又展开按钮，可以展开可以收起。朋友圈配图类似一个两列的瀑布流，包含下拉刷新功能，上拉加载功能。下面代码有些是引用公司的一些组件库，可能直接复制代码跑不通，接口跑不通，可以自己制造假数据，不过基本的逻辑还是可以参考的。image.pngimage.pngimage.

Miss_Fairy·2021-05-02 20:56

作业

React-Native这门课说实话我一开始学的时候遇到了很多很多的错误，几乎让我想放弃这门课，但是超神的指导使我坚持了下来，最终我的问题超神都解决了，下面我简单聊一聊我之前遇到的问题。

露易兹soul·2021-05-02 17:59

react-native小白踩坑--Cannot find entry file index.android.js

先放上错误截图在电脑上下了公司的一个项目，运行出现了这个问题，先是在网上搜索错误，试了我搜到的种种方法，比如react-native的版本问题，新的react-native在生成项目文件时已经部分index.android.js

淅沥淅沥豆·2021-05-02 12:52

react-native 连续两次点击后退退出应用

import{BackHandler,ToastAndroid}from'react-native'letlastTime=0lethandler=nullconstbindBackExitApp=()

暗木幽浅·2021-05-02 08:55

React-Native配合ignite 开发文档

React-Native配合ignite开发文档1.部署调试1）Nuclide的startpackage有时候有问题，手机显示奇怪的错误，可以在命令行npmstart----reset-cache重置后

MackJson·2021-05-02 06:59

react-navigation学习笔记三：creatSwitchNavigator

ghost__·2021-05-02 00:39

React-Native学习资料

www.cnblogs.com/l1pe1/p/8310757.htmlReactNative构建FacebookF82016App/ReactNative开发指南http://f8-app.liaohuqiu.net/React-Native

sunney0·2021-05-01 20:49

react-native的公共代码和插件

1.加密crypto-js安装：npminstallcrypto-js--save//DES加密encryptByDES(message,key){varCryptoJS=require("crypto-js");varkeyHex=CryptoJS.enc.Utf8.parse(key);varencrypted=CryptoJS.DES.encrypt(message,keyHex,{mode

iamyang1314·2021-05-01 18:16

windows平台react-native-cli初始化项目

最近想学习一下react-native来开发App，前几天在公司尝试搭建了一下环境，由于之前没有配置过android的开发环境，最后以失败告终，今天周日有时间又来研究一下，终于成功的运行起了一个安卓项目

郭子web·2021-04-30 23:42

Android工程师初探React-Native

此文是以一名Android工程师的角度来观察和学习React-Native,如果你是一名Android工程师,对React-Native感兴趣,那么阅读此文可能会有收获.另外,我也是React-Native

Kevin1205·2021-04-30 17:35

跨平台脚本开发技术中遇到的问题

DevSettings中配置当前ip解决问题：2.解决办法：将夜神模拟器重启在cmd中输入adbconnect127.0.0.1：62001设置夜神模拟器的主机和端口号，接着输入cdhello3回车，再输入react-native

孙翰伍·2021-04-30 00:36

React Native学习记录

reactnative中文网http://reactnative.cn/docs/0.31/getting-started.htmlreactnative专题博客http://www.lcode.org/react-native

TiaoPi·2021-04-29 21:59

RN 基础组件学习

png'usestrict';importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,TextInput,}from'react-native

longsan0918·2021-04-29 18:44

ReactNative ListView

直接上代码1.普通模式'usestrict';importReact,{AppRegistry,Component,StyleSheet,Text,View,ListView,}from'react-native

jimdear·2021-04-29 14:21

React-Native之CSS布局

说实话，对于没有前端基础的我来说，这还是有点费劲的。但是对我来说，正好也可以补习一点前端语言知识。在日常开发中，布局可以说是必须课。一款成功的移动应用的必要条件就是用户体验不一般，而用户体验最主要的部分就是性能和UI。所以除了性能上的良好体验以外，最重要的就是界面布局。我们可以把性能比作是有趣的灵魂，而界面布局就是好看的皮囊。GitHub地址：https://github.com/AnswerXu

Coder_Answer·2021-04-29 12:33

环信ReactNative IM Demo源码运行

首先阅读下集成的官方文档：http://docs.easemob.com/im/react-native/ios-app；下载demo源码。

imGeek·2021-04-29 12:51

oppo Reno 5 pro手机打开USB调试步骤（oppo手机大同小异，其他品牌也适用）

前言：最近要开发react-native项目，需要测试真机调试，我的手机型号是oppoReno5pro，死活都找不到开发者选项这个设置，最后找了很久才找到，特此记录（应该是第一次找，怎么都找不到默认隐藏了这个选项

雨生百谷，方为谷雨·2021-04-29 11:03

工作笔记三

react-native使用图标字体:使用react-native-elements组件（需要先安装react-native-vector-icons,安装时需要修改配置文件，具体事项参考github）

挪威森林_29e6·2021-04-29 08:24

网易七鱼React-Native-Qiyu iOS 编译不过

关于网易七鱼集成到App使用React-Native自动配置，遇到的问题。在我的项目里，官网给的自动集成那两步，是完全不行的，可以说差的很远，所以记下解决步骤。

笙笙哥·2021-04-29 06:04

React Native 报 # [CFBundleIdentifier", Does Not Exist] 解决方案

ReactNative报#[CFBundleIdentifier",DoesNotExist]解决方案"react-native":"0.55.3"这个问题产生原因：*/Users/Vanessa/.rncache

Bana·2021-04-28 22:23

react-native-baidu-map iOS端集成

我在之前两个项目中都有使用到react-native-baidu-map,觉得其中的步骤稍微有点复杂，如果哪一步有点疏漏，就很容易报错，接下来我就从零新建一个项目，一步一步记录下我安装的过程，希望能帮助到大家~成都React-Native

冷洪林·2021-04-28 21:48

react-native的安装与编写hello world

React中文网：http://reactnative.cn/docs/0.30/getting-started.html#contentReact英文网：http://facebook.github.io/react-native

张展豪_RUN·2021-04-28 21:33

RN 一次fetch请求问题解决

fetch网络请求问题：服务端返回没有对应的参数搜索：《React-Native系列》31、Fetch发送POST请求的坑与解决方案处理：按照上面使用FormData，失败staticlogin(username

tesla1984·2021-04-28 18:06

React-Native基础准备

1.ReactNative的优势：ReactNative是FaceBook推出的一套可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App的解决方案。Facebook已经在多项产品中使用了ReactNative，并且将持续地投入建设ReactNative。ReactNative着力于提高多平台开发的开发效率——仅需学习一次，编写任何平台。(Learnon

宋季航·2021-04-28 17:53

React-Native 报错和解决

===========2017/9/7运行在模拟器或手机端时,手机端报错--UnabletodownloadJSbundle.Didyouforgettostartthedevelopmentserverorconnectyourdevice?翻译:无法下载JS包.您是否忘记启动开发服务器或连接设备?解决方法:在浏览器输入:http://localhost:8081/index.android.b

Patriot_笙箫·2021-04-28 17:26

React-Native 环境搭建和基本介绍

环境搭建准备1.环境搭建ReactNative中文网2.开发工具前端开发软件：VisualStudioCode移动端开发软件：Xcode、AndroidStudio3.知识储备NodeJSReactEs6,Es7ReactNative介绍ReactNaitve的简介：Facebook在React.jsConf2015大会上推出的一个用于开发Android和iOSApp的一个框架，主要编程语言是Ja

·2021-04-28 12:59

React-Native 写的小项目Gank.io

最近在写React—Natvie的项目，但是js基础不好直接还是上手react有点吃力，所以自己先弄个小项目玩玩，用着gank.io的api写的一个简单demo简单的实现技术要点与原生UI的通信，视图的封装，网络的简单封装，listview，和flex布局的掌握缺陷：ListView的的刷新机制有问题，图片缩放用的是PhotoView但是没有居中，瀑布流的效果问题下个阶段要实现的界面的优化，缓存，

越长越圆·2021-04-28 11:18

React Native ListView实现分组列表显示

from'react';import{AppRegistry,StyleSheet,Text,View,Content,TouchableOpacity,ListView,PixelRatio,}from'react-native

wangjiawei·2021-04-28 06:35

react 设置文件路径别名

输入y然后回车运行结束后在项目文件夹中找到config文件夹打开webpack.config.js按下Ctrl+f查找alias找到配置项配置一下映射，可以参照以下我的配置alias:{"react-native

vagrant..·2021-04-27 20:48

React-Native开发安装web3.js 所遇之坑

当前环境os:macOS10.13.4react-native-cli2.0.1nodev8.11.3web3.js1.0问题描述：第一次进行ReactNative开发，对于web3.js进行引入的时候出现报错(报错信息在文章末尾附)，并且尝试了推荐的方法进行卸载清除watchman信息、删除node_modules后进行重新install，错误依旧...解决方案：1.node，react-nat

see91·2021-04-27 14:04

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

创建React-Native项目react-nativeinitdounineApp

大猪大猪·2021-04-27 06:35

006_ReactNative: Height and Width

用于确定组件的尺寸.RN中的所有尺寸都是无单位的,最终以像素为单位展现.importReact,{Component}from'react';import{AppRegistry,View}from'react-native

莫_名·2021-04-27 01:23

React-Native实现TabBar切换界面

实现Tabbar切换的效果是引用的第三方(react-native-tab-navigator)插件1.导入此插件-npminstallreact-native-tab-navigator2.引用-importTabNavigatorfrom'react-native-tab-navigator';使用的是ES6语法效果图:Paste_Image.png代码:/***1.npminstallrea

YHWXQ简简单单的生活·2021-04-26 10:22

ReactNative学习笔记(从基本概要到控件间传值)

ReactNative学习笔记1.1/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*///1.加载组件(面向组件开发

小苗晓雪·2021-04-26 02:15

利用WebView组件来渲染Canvas

Canvas组件这里使用到了两个属性：上下文对象：Context，通过React-Native传入WebView组件渲染方法：renderCanvas组件模块的引入需要相对路径引入组件代码：'usestrict'varReact

Axiba·2021-04-25 23:28

React-Native AsyncStorage文档

1.概述1.AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。它用来代替LocalStorage。2.由于它的操作是全局的，官方建议我们最好针对AsyncStorage进行一下抽象的封装再使用，而且不是直接拿AsyncStorage进行使用。3.AsyncStorage存储的位置根据系统的不同而有所差异。iOS中的存储类似于NSUserD

焚_44b3·2021-04-25 21:00

React-Native 网络请求

/**SampleReactNativeApphttps://github.com/facebook/react-native@flow感谢东方耀老师：http://bbs.reactnative.cn/user/%E4%B8%9C%E6%96%B9%E8%80%80*/'usestrict';'usestrict';importReact,{Component}from'react';impor

小张呵呵·2021-04-25 18:04

React Native中页面跳转、打开新页面并关闭当前页面

react-native版本：0.48;开发环境win10+VScode;目标平台：安卓;最后更新时间：2017.09.23;说到reactnative中页面跳转官网中已经有（使用导航器跳转页面）官方在文章中建议我们使用第三方的

冯涛_简书·2021-04-25 18:09

React Native 中文版(含新增 Android 章节)

原文地址：http://wiki.jikexueyuan.com/project/react-native/

探路者1202·2021-04-25 14:36

React-Native开发踩坑记录

ReactNative在VisualStudioCode环境下报错error:bundlingfailed:TypeError:Cannotreadproperty'bindings'ofnull原因:package.json中的"babel-preset-react-native”版本过低,修改到”5.0.0"及以上解决方案:"babel-preset-react-native":"^5.0.0

wesk痕·2021-04-25 10:42

react-native run-android时报react-native-image-picker错误的解决办法

react-nativerun-android时报react-native-image-picker错误，截图如下，解决办法是进入node_modules\react-native-image-picker\android目录并删除build文件夹

zhuangzi·2021-04-25 06:38

react-native 常用组件(一）

1.Picker组件[说明：在ios和android渲染原生的选择器.]属性：onValueChange某一项被选中时执行此回调,调用时带有的参数：itemValue：被选中项的value属性itemPosition：被选中项在picker中的索引位置selectedValue默认选中的值。可以是字符串或整数styletestID用于在端对端测试中定位此视图。enabled如果设为false，则会

Lucky_ce60·2021-04-25 04:50

React-Native 视频播放（WebView）

要点：1.通过onMessage实现RN与HTML之间通信2.基于WebSocket实现实时评论效果（弹幕）tips:1.iOS10之后默认使用html播放器（RN中需要allowsInlineMediaPlayback={true}），之前版本需要手动设置video标签playsinline不足：webView加载仍有些卡顿（载入js,css耗时）

早起的小孩没饭儿吃·2021-04-25 02:57

React-Native 自定义按钮系列

RN提供了好几种按钮，这里介绍最为常用的三种1：第一种按钮最原始的Button常用属性：title：按钮显示名称onPress：按钮点击的事件color：显示文字的颜色创建一个Button2：第二种按钮TouchableOpacity，点击按钮更改按钮的透明度常用属性：activeOpacity：设置点击的透明度0-1创建一个TouchableOpacity{alert('TouchableOpa

煎包小混沌·2021-04-24 23:00

react-native 引用图标方式

web端使用图标很方便,尤其吸管字体图标,大小,颜色等都可以使用font相关css进行更改,RN中刚开始感觉蛮麻烦的,这里引用下前端历险记中RN总结总的一些方法1:图标的Base64将Iconfinder中图标的Base64编码值定义为变量，在使用地方的uri值指定为该变量。该网站上比较容易找到配套图标，就是点击和未点击配套的图标，但是不能改变图标颜色。使用时:在iconfinder图标网复制中的

有情怀的程序猿·2021-04-24 11:12

WebStorm中的ReactNative模板

*Description:*/importReact,{Component}from'react';import{View,Text}from'react-native';exportdefaultclass

野小火·2021-04-24 06:24

react-native 封装iOS原生模块及发布流程纪要

在使用react-native开发的时候，有时候我们需要自己封装一些原生的模块。大致步骤如下：1、采用官方提供的方法封装即可无非就是UI组件和非UI组件有些区别，方法官方文档已提供。

本源道人·2021-04-24 06:06

React Native 小组件

ImgCapimportReact,{PropTypes}from'react';import{View,Text,StyleSheet,TouchableOpacity,Platform}from'react-native

FFF_Wang·2021-04-23 15:19

[React Native]浏览器打开app，通过get参数传值至RN

官方解决方案：Linkinghttps://facebook.github.io/react-native/docs/linking.htmlAndroidiOS都兼容需要解决的是通过js调用URL_SCHEME

fencex·2021-04-23 11:01

React 和 React-Native 中犯的错误

1:在render()方法中调用了this.setState()方法设置State,会报错,包括在render()方法中调用一个函数,此函数中有设置State的操作2:一种写法:判断是否存在,存在就渲染文字{this.state.videoSource&&{this.state.videoSource}}

有情怀的程序猿·2021-04-23 06:22

推荐频道

React-native