React-Native 第40页

React Native_手把手教你做项目(六.点赞功能）

因为没有服务器，所以仅仅模拟这个功能因为点赞功能是在Item.js中的，所以在Item上面Item.js/***SampleReactNativeApp*https://github.com/facebook/react-native

十二指环·2020-08-24 18:08

react-native 初始化项目报错 Error: Command failed: yarn add react-native --exact，多种状况解决！

node版本异常react版本异常一定要看清楚errorFoundincompatiblemodule之前的错误信息作出合理判断搜了一堆内容百度没有一个对的后来细心排查下才发现问题大家多留心就能解决了

x-terminal·2020-08-24 18:03

react-native 组件查询

ActivityIndicator————显示一个圆形的loading提示符号。Button————一个简单的跨平台的按钮组件。可以进行一些简单的定制。DatePickerIOS————使用DatePickerIOS来在iOS平台上渲染一个日期/时间选择器。这是一个受约束的(Controlled)组件，所以你必须监听onDateChange回调函数并且及时更新date属性来使得组件更新，否则用户的

墨寂·2020-08-24 17:28

【样式问题】 - React Native中使用 Model 时，内部 FlatList 无法滚动

目录：版本说明问题问题分析解决办法一、版本说明本机系统：Macreact:"16.11.0"react-native:"0.62.2"node:12.16.2#node-vnpm:6.14.4#npm-v

窩窩頭·2020-08-24 17:43

react-native下引入原生组件无法显示的原因

导入原生组件到RN应该注意的问题不是所有的元生组件都可以导入RN的，有的要支持自动布局的导入才能成功，比如一个原生btn你设置他的位置长宽就能显示了,但是如果这个btn里面有很多子view,这些子view要在layoutSubView这个oc回调函数里面重新布局下位置或者这些子view都是autolayout布局的；引用原生组件在RN中如何控制位置？前面ios那边写了个原生的音乐播放组件给我调用，

weixin_34400525·2020-08-24 17:32

记一个开发中遇到react-native flatList 的坑

因項目需求封装了一个View作为reactnativeflatList的item,在原生View有方法响应需要传递到到RN,然后出现一个闪退问题:在滑到最后在滑回来,滑到第一张有时候是第二张的时候,单击(原生View的单击手势)的时候就会闪退,同样的在item的数量多的时候都会出现这个问题,item少的则不会.后来在调试的时候发现原生的View为nil,于是想到可能是该flatList的item被

weixin_30652897·2020-08-24 17:42

React-Native ART 绘图简析

同时可以扫描我的微信加入react-native技术交流微信群。欢迎各位大牛,ReactNative技术爱好者加入交流！本篇博客依旧是关于ReactNative的开发内容。

Songlcy·2020-08-24 16:09

使用react-native-camera实现react-native的拍照功能

安装以及配置官方文档注：请确保RN版本>0.60针对ioswindow系统开发app无需配置，因为iosapp只能使用苹果电脑开发安装1、npminstallreact-native-camera--save2、cdios&&podinstall&&cd..配置应用添加权限和使用说明ios文件夹创建Info.plist：NSCameraUsageDescriptionYourmessagetous

hellochange·2020-08-24 16:18

react-native flatlist 的进阶使用（头尾，间隔组件和滚动事件）

0.43之后RN添加了Flatlist组件，作为ListView的增强版，FlatList有着很强的性能上的优势，而且使用起来也更简单。这里着重介绍一下以下东西：1.添加头部组件，2.添加尾部组件，3.添加间隔组件，4.列表为空显示的组件，5.flatlist的滚动方法。最基础的：{item.key}}/>最好是给data数据每一个item都添加一个key，不然会有黄色的警告。我们这里不讲太过基础

__卓原·2020-08-24 16:50

raect-native学习(3)

react-native实现NavigatorBack回退(Android)直接上解决代码：我们会用到一个叫做BackAndroid的Component，见名知意，就不多说了。

惟是少年时·2020-08-24 16:33

react-native类型检验组件prop-types

/***Createbybambooon2018-04-13**/importReact,{Component}from'react';import{View,Text,Button,}from'react-native

竹溪的竹子·2020-08-24 16:30

React-Native在android原生上的绘制流程

React-Native在android原生上的绘制流程在android原生View的绘制流程，可以参考以下郭霖大神的博客：Android视图绘制流程完全解析，带你一步步深入了解View(二)在之前的认知中

花不掉泪·2020-08-24 16:56

React-Native ART绘图

最近项目中需要实现类似进度条的仪表盘效果，考虑可能可以通过绘图实现，网上查了不少资料，都是说采用React-Native自带的ART模块进行绘图，但按照参照网上的方法，各种报错，后在github的react-native

supming1·2020-08-24 16:47

react-native之ART绘图详解

背景在移动应用的开发过程中，绘制基本的二维图形或动画是必不可少的。然而，考虑到Android和iOS均有一套各自的API方案，因此采用一种更普遍接受的技术方案，更有利于代码的双平台兼容。art是一个旨在多浏览器兼容的NodestyleCommonJS模块。在它的基础上，Facebook又开发了React-art，封装art，使之可以被react.js所使用，即实现了前端的svg库。然而，考虑到re

大灰狼的小绵羊哥哥·2020-08-24 16:39

原生Android项目中集成react-native以及jpush-react-native（极光推送）

写这篇博文的目的1、官方原生Android集成reactnative,根据官方文档配置后的总结与填坑（新版的配置手法上还是有些不同）。2、官方jpush-react-nativegithub文档写的配置过程在新版的reactnative中并不完整，使用最新的reactnative0.41.2在配置极光时是需要做一些额外的操作（可以去看官方给的example）。3、这篇文章中全程都是手动配置，是为了

大灰狼的小绵羊哥哥·2020-08-24 16:39

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

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

JerryWang_汪子熙·2020-08-24 15:26

react-native自定义弹框多项选择组件

react-native自定义弹框多项选择组件选择返回的值：importReactfrom'react';import{Checkbox}from'antd-mobile-rn';import{View

影夜随风·2020-08-24 15:21

[React-Native] iconfont硬核，不依赖字体，支持多色彩，支持热更新

链接地址：https://github.com/fwh1990/react-native-iconfont-cli在RN里用过iconfont的小伙伴都知道，它本质上是字体图标，所以你得借助react-native-vector-icons等插件去处理字体。用字体有两个弊端：一是图标只能是单色，不具备多色彩的特性；二是因为字体要设置在android和ios源码中，所以不具备JS热更新的特性，每次修

原罪·2020-08-24 15:26

react-native从项目搭建到发布上线项目实战(基于expo)

项目结构|--项目结构|--.gitignore|--app.json|--App.tsx|--babel.config.js|--images.d.ts|--package-lock.json|--package.json|--tsconfig.json|--yarn.lock|--.expo-shared||--assets.json|--assets||--icon.png||--splas

hellochange·2020-08-24 15:37

react native FlatList设置高度不起作用的解决方法

(当前使用的rn版本："react-native":"0.61.5")方法1.FlatListstyle中设置flex-grow：0先来了解一下flex-grow属性：它是用于设置flex的扩展比例。

Bert丶seven·2020-08-24 15:19

虚拟 DOM 到底是什么？

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

Shenfq·2020-08-24 15:17

react-native 之SwipeableFlatList 侧滑单项解决方案

react-native侧滑组件SwipeableFlatList单项侧滑解决SwipeableFlatList组件是rn0.50出的提供androidios侧滑删除效果如下//ui网上copy代码ui

林胖子的私生活·2020-08-24 15:02

powershell 因为在此系统上禁止运行脚本...

最近在自己电脑上使用react-native初始化项目出现了下面的错误，猜测应该是微软更新导致react-native:无法加载文件C:\Users\SunSeekerX\AppData\Roaming

SunSeekerX·2020-08-24 15:12

React-Native入门

React-Native入门(文档http://reactnative.cn/docs/getting-started.html#content):一、React-Native环境配置:1.参考文档:http

Ansel_m·2020-08-24 15:53

RN中webview的一些思考

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

杨龙飞·2020-08-24 14:20

react-native新导航组件react-navigation简介

参考：官网资料一资料二资料三有问题到Issues查找，基本上所有的坑都能解决主要构成按使用方式可以分为三部分：1.StackNavigator：类似普通的Navigator，实现页面间的跳转2.TabNavigator：相当于Android里面的Tab，可以互相切换3.DrawerNavigator:抽屉效果,侧表滑动

云de天空·2020-08-24 14:05

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

最近研究ReactNative、ReduxSaga以及TypeScript相关的内容，整理成了一个ReactNativeTemplate，可以直接使用下面的命令创建一个新的应用：react-nativeinitMyApp--template=parcmg初始化完成之后，按下面的方式执行命令：cdMyAppnodesetup.jsnpminstallreact-nativelinkreact-nat

大胡子民工潘半仙·2020-08-24 14:15

React-Native Switch 的简单使用

Switch跨平台通用的可以在两个状态中切换的组件。注意这是一个“受控组件”（controlledcomponent）。你必须使用onValueChange回调来更新value属性以响应用户的操作。如果不更新value属性，组件只会按一开始给定的value值来渲染且保持不变，看上去就像完全点不动。35CB35C3-1029-4D8C-A470-DBA0A6D912FE.pngSwitch主要属性：

煎包小混沌·2020-08-24 14:24

ES6 export 和 export default的区别

代码详解一、使用export和import1、export定义导出一个子组件GreetingimportReact,{Component}from"react";import{View,Text}from"react-native

张旭超·2020-08-24 14:36

React-native 常见问题：Warning 当使用组件 react-native-gifted-listview

当我们将react-native版本更新后，使用react-native-gifted-listview组件时，可能出现以下几个警告：**解决方法：**Warning:Innextreleaseemptysectionheaderswillberendered.Inthisreleaseyoucanuse'enableEmptySections'flagtorenderemptysectionhe

Jason.xin·2020-08-24 14:59

React-native如何区分IOS、Android设备（针对其操作系统使用不同的css样式）

1、导入import{Platform}from'react-native';2、使用Platform.OS=='IOS'?doAFunc():doBFunc()就这么简单。

hzxOnlineOk·2020-08-24 14:32

react-native动态姿态tab组件

在APP中免不了要使用tab组件,有的是tab切换,也有的是tab分类切换.这些组件分成下面两种.第一种非常简单,同时大多数第三方组件都能达到效果.这里重点讲述第二种,我们要让第二种组件不仅能左右滑动,同时还能够在点击的时候自动滑动,将点击的位置滑动到正中间.准备我们先来分析一波.一个滑动组件在APP上是一种什么状态.这里可以看出,tab组件需要考虑到长度超过APP的屏幕,并且在超过之后能够滑动.

疯狂紫萧·2020-08-24 14:43

react-native-camera 遇坑笔记

在react-native（android端）使用react-native-camera参考文档官方文档reactnative增加react-native-camerabug1:Couldnotfindmethodgoogle

darcrand·2020-08-24 14:33

react-native使用脚本启动android模拟器(macos)

我们在开发react-native的时候，需要先启动安卓模拟器，然后执行npmstart启动编译。

原罪·2020-08-24 14:46

react-native FlatList 无法垂直滚动的问题

问题是元素多了以后会显示不完全，而且无法拖动，所以才有今天这个记录//先看一份demoimportReact,{Component}from'react';import{View,Text,FlatList}from'react-native

dengye7077·2020-08-24 14:01

React-Native笔记

react-native学习环境安装：http://reactnative.cn/docs/0.48/getting-started.html#content创建并运行项目：react-nativeinitAwesomeProjectcdAwesomeProjectreact-nativerun-iosps

JoXu·2020-08-24 13:03

react-native 开发笔记（三）

react-native开发笔记es7asyncreactnative默认编译配置可以编译一部分es7语法的，asyncawait是其中的一种。使用起来自然是很简单，和koa1.x基本一致，没有区别。

frontoldman·2020-08-24 13:49

react native 手势绘图

importReact,{Component}from"react"import{View，ART,PanResponder,Dimensions}from"react-native"let{Surface

baijianwei0408·2020-08-24 13:16

(精华)2020年8月10日 React-Native 脚手架的基本使用

构建项目在相应的路径下执行命令行：react-nativeinit项目名(名称不可使用连接符等特殊字符,命名可以参考APP应用名称比如FaceBook)react-native--v//查看版本react-nativeinitdemo--version0.48.0//安装指定的版本react-nativeinitdemo--verbose--version0.48.0//verbose是初始化的时

愚公搬代码·2020-08-24 13:00

React-Native之AsyncStorage和react-native-easy-toast

1：常用方法getItem(key:string,callback?:?(error:?Error,result:?string)=>void)静态方法，该通过key字段来进行查询存储的数据，把该结果值作为参数传入第二个callback方法。如果发生错误，会把Error对象传入callback方法。该方法最终返回一个Promise对象setItem(key:string,value:string,

___Alive___·2020-08-24 13:34

React-Native之（小白计划六）SwipeableFlatList（滑动的列表）

{Component}from'react';import{StyleSheet,Text,View,TouchableHighlight,SwipeableFlatList,//侧滑列表}from'react-native

___Alive___·2020-08-24 13:34

react-native打包apk，react-native-picker报错

打包apk时报错解决办法1、找到node_modules/react-native-picker/android/build.gradle文件修改如下：android{compileSdkVersion28//修改此处版本号为28buildToolsVersion"28.0.3"//修改此处版本号为28.0.3defaultConfig{minSdkVersion16targetSdkVersio

前端学习圈·2020-08-24 13:37

react-native得flatList如何滚动到顶部

//通过ref属性调用scrollToOffset方法letflat=''{flat=flatList}}data={this.props.lockRoom.prizeList}renderItem={({item})=>this.renderItem(item)}keyExtractor={(item)=>item.orderId}ListFooterComponent={this.render

眼睛微微笑·2020-08-24 12:39

React native新手入门

前几天刚贴贴撞撞把react-native环境配置好，然后开始学习raectnative。到目前为止，熟悉了下一些简单的控件的基础应用。

西海燃风·2020-08-24 12:49

The development server returned response error code : 500 Unable to resolve module XXX The module

/index`from`E:\ReactWord\WorkDemo\node_modules\react-native\scripts/.`:Themodule`.

I_have_to_believe·2020-08-24 12:00

react-native修改android包名

安卓已包名作为应用的唯一id，相对iOS来说改起来就不是那么方便，但为了能正式发布自己的应用，还是得改过来。假设包名为com.exease.etd.objective，以下地方需要修改。首先是两个java文件：android/app/src/main/java/com/PROJECT_NAME/MainActivity.java和/MainApplication.java，修改第一行为packag

快乐由我·2020-08-24 12:29

react native 基础使用阿里巴巴iconfont

linkreact-nativelinkreact-native-vector-icons在iconfont平台上添加了新图标下载取出ttf文件添加到android的font里边去查看16进制码可在RN上直接使用了在react-native

木头杨x·2020-08-24 11:11

React Native SectionList实现分组列表

悬浮分组列表实现代码如下：/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component

wangjiawei·2020-08-24 11:10

【RN】react-native 记录

[错误1]搭建项目完成后，start报错image.png根据图片显示，正则错误，解决办法：修改项目内文件：\node_modules\metro-config\src\defaults\blacklist.jsvarsharedBlacklist=[/node_modules[/\\]react[/\\]dist[/\\].*/,/website\/node_modules\/.*/,/heap

卡西卡西yu·2020-08-24 11:02

React Native 指定页面物理返回监听

ReactNative指定页面物理返回监听在Android机上，物理返回是一个很常用的功能，本文将讲解如何在react-native中对物理返回进行处理，分别为主页面连续两次退出程序，普通页面回到上一页

我怕忘了这名字·2020-08-24 10:05

推荐频道

React-Native