react-native 第11页

前端框架react----初识react+JSX语法

认识二、准备工作三、react的JSX语法前言：前端现行主流的JS库当然是React框架，它在当下受到越来越多的开发者和项目小组的喜爱，我们可以使用它高效的开发出一系列前端的项目，还有基于react的react-native

是小先生·2023-08-06 13:32

windows下react-native搭建环境

参考文章windows下react-native搭建环境第一步：安装Java设置环境变量，修改PathJAVA_HOME第二步：下载安装AndroidSDK设置环境变量ANDROID_HOME第三步：安装

chenzhenlindx·2023-08-06 06:02

什么是虚拟DOM？如何实现一个虚拟DOM？说说你的思路

一、什么是虚拟DOM虚拟DOM（VirtualDOM）这个概念相信大家都不陌生，从React到Vue，虚拟DOM为这两个框架都带来了跨平台的能力（React-Native和Weex）实际上它只是一层对真实

JerisonPaul·2023-08-06 04:24

react-native 最新动态，新架构即将落地

react-native团队最近可谓是动作频频，8月19号官方博客公布了下半年的工作路线。

臣以君纲·2023-08-05 23:16

Portal简单版

importReact,{Component}from"react";import{Text,DeviceEventEmitter,Button,View,Dimensions}from"react-native

立陶宛_d5a9·2023-08-05 13:39

react-native解决跳转至外部app，返回之后的回调方法

第一步监听AppState.addEventListener('change',this._handleAppStateChange);第二部：handleAppStateChange=(currentAppState)=>{if(this.lastAppState==='background'&¤tAppState==='active'){//refreshletbaseId=thi

angular2大神·2023-08-05 09:35

React Native 点击图片变大，查看图片

Index.js：importReactfrom'react'import{View,Text,ScrollView,Image,Modal,TouchableWithoutFeedback,}from'react-native'importuseListfrom

徐同保·2023-08-05 05:00

React Native获取手机屏幕宽高（Dimensions）

import{Dimensions}from'react-native'console.log('Dimensions',Dimensions.get('window'))参考链接：https://www.reactnative.cn

徐同保·2023-08-05 05:58

07-性能优化-网络

React-Native内部集成了OkHttp作为网络底层实现，上层直接调用fetchapi即可发起网络调用。除非你对网络有特殊要求，否则现有的环境应该是足以满足需要的。

砌墙的民工·2023-08-04 19:51

Print: Entry, ":CFBundleIdentifier", Does Not Exist

2）打开终端，转到项目的根文件夹并执行：cdnode_modules/react-native/third-party/glog-{X}.{X}.{X}/3）运行configure脚本：.

panda_熊猫·2023-08-04 07:30

react-native适配Android全面屏

现下Android手机也都流行起全面屏，那我们的app要怎么适配呢？以小米手机为例，在小米手机设置里面有个全面屏显示的控制，打开就好啦！但是对于我们开发来说，这样也太low了，我们要用代码解决！！！废话不说，亲测好用的适配方法：在android\app\src\main\AndroidManifest.xml文件中配置Activity的android:resizeableActivity默认属性为

sybil052·2023-08-04 07:36

Taro踩坑记之React-Native样式篇

样式管理样式是实现多端编译的核心挑战，因为RN端的样式只是实现了CSS的一个子集，具体可参考React-Native样式指南首先因为我是RN开发者，其次RN样式兼容度是最低的，所以我从RN环境出发然后再往各端转

LaxusJ·2023-08-04 05:27

验证码以及车牌号输入框基于React-native

效果图先看效果车牌号输入.gif验证码输入.gif实现过程在写这的过程中,想法很重要,小讲一下实现过程,这个是比较重要的*>1,用一个textInput组件实现弹出键盘,重要的地方(将textInput组件设置成透明状态)*>2,在上面铺设一堆text组件(展示数据),*>3,每次textinput组件监测到value的变化,去更新页面,将值赋给text组件显示上述过程可以就可以实现验证码登录的效

一天清晨·2023-08-04 03:29

ReactNative 安装指定版本

因为react-native更新太快，每次react-nativeinit初始化项目的时候，都会安装最新的rn版本，导致之前的一些api不兼容等问题。

We_Me·2023-08-03 05:37

react-native使用 react-navigation 始终显示空白的原因

昨天新开始了一个react-native的项目,使用了react-navigation,久了没用react-navigation,还是踩了坑,记录下:react-navigation导入的页面一直显示空白

黑哥_2c57·2023-08-02 16:51

react native连接mysql_React Native中使用Sqlite数据库的实例详解

importReact,{Component}from‘react’;import{ToastAndroid,}from‘react-native’;importSQLiteStoragefrom‘react-native-sqlite-storage

Orca是只鲸·2023-08-01 19:52

React-native图片组件以及无法显示图片问题总结

首先，总结一下React-native的Image组件的使用方法.Image组件的引入图片提供了下面这几种类型：静态图片资源，网络图片资源静态图片资源网络图片资源注意事项上面说了那么多概念似的说明，但是

Jerry379·2023-08-01 13:36

reactnative升级到0.60.0，伴随升级系统和xcode10的坑

,"react-native":"^0.55.4",升到"react":"^16.8.6","react-native":"^0.60.0",error1error:bundlingfailed:Error

慧惠·2023-08-01 09:37

React-Native 环境搭建的探索

关于node的安装node.jsbrew安装指定node基本就是，查看下官网node最多人用的版本，大致运行老版本创建最新版本没什么问题安装node:npminstall-gnsudon8.16.0

ghost__·2023-08-01 07:19

react-native 输入框被软键盘遮挡（KeyboardAvoidingView）

本组件用于解决一个常见的尴尬问题：手机上弹出的键盘常常会挡住当前的视图。本组件可以自动根据键盘的高度，调整自身的height或底部的padding，以避免被遮挡。importReactfrom'react';import{View,KeyboardAvoidingView,TextInput,StyleSheet,Text,Platform,TouchableWithoutFeedback,But

徐同保·2023-07-31 15:34

React-Native-底部导航栏实现

版本环境：react-native：0.60.5react-navigation：4.0实现需要的第三方库如下：image.png通过命令行进行安装第三方库并连接npminstallreact-navigation

油菜又矮吹·2023-07-30 15:58

【Flutter--基础】Flutter 简介

二、特点1.跨平台自绘引擎2.高性能3.采用Dart语言开发三、Flutter框架结构1.框架层2.引擎层3.嵌入层四、疑惑解答1.Flutter和React-Native、Weex这样的动态化框架有什么不同

Kevin-Dev·2023-07-30 09:59

React Native Expo项目上传文件

Index.js:importReactfrom'react'import{ScrollView,View,TouchableWithoutFeedback,Text,Image,}from'react-native'import

徐同保·2023-07-29 19:27

Taro踩坑记之React-Native环境教程

当前环境TaroCLI1.3.10environmentinfo:System:OS:macOS10.14.5Shell:3.2.57-/bin/bashBinaries:Node:10.16.0-/usr/local/bin/nodeYarn:1.17.3-/usr/local/bin/yarnnpm:6.9.0-/usr/local/bin/npm安装taro使用npm安装CLI$npmins

LaxusJ·2023-07-29 04:11

RN 设置背景图片（使用ImageBackground组件）

可以设置背景图片，使用方法和image一样，里面嵌套了其他的组件importReactfrom"react";import{ImageBackground,StyleSheet,Text,View}from"react-native

徐同保·2023-07-28 22:20

react-Native init初始化项目报错”TypeError: cli.init is not a function“

二、解决：产生这个问题的原因是：使用这种方式创建工程，react-native版本是0.69版本上不适用。可以检查下自己安装的React-native的版本。

范德萨_·2023-07-28 22:19

React native 近期Android 无法编译的问题解决

exclusiveContent{//WegetReactNative'sAndroidbinariesexclusivelythroughnpm,//fromalocalMavenrepoinsidenode_modules/react-native

Zsama666·2023-07-28 07:53

解决react-native软键盘弹出挡住输入框的问题

https://cloud.tencent.com/developer/article/1720625

溜溜的阳光·2023-07-28 06:34

React-Native (RN) hermes-android-xx.xx.xx-debug.aar和react-android-xx.xx.xx-debug.aar下载失败或者过慢问题解决

需要科学上网直接去官网下载地址https://repo.maven.apache.org/maven2/com/facebook/react/找到需要下载的文件hermes-android或者react-android进入找到需要hermes-android或者react-android的版本下载需要hermes-android或者react-android的版本必须的操作下载完成后，找到对应的存

进击的王十二·2023-07-27 14:05

React-Native项目中应用剪贴板复制粘贴操作

前言很多APP中都会用到剪贴板的操作，对于React-Native来讲同样也可以实现这个功能。方法Clipboard组件可以在iOS和Android的剪贴板中读写内容。

天外野草·2023-07-27 13:21

Mac 配置Flutter环境

序随着跨平台开发慢慢成为小公司开发的首选，从React-native、Weex等开发语言，再到Google重磅推出的Flutter，跨平台语言也算是经历了时代的一波波洗礼。

我就看着你们灰·2023-07-27 10:07

React Native 执行 react-native run-android 运行报错

如图，在执行react-nativerun-android的时候运行报错，后来想了一下是不是因为中英文的问题，，，就把文件夹名字换了一下，然后就编译成功了

木木゛·2023-07-26 18:59

Task :app:javaPreCompileDebug FAILED

一,报错内容在打包reactnative项目的时候,报错如下信息,我的项目的react-native版本比较低,是0.62…>Task:app:javaPreCompileDebugFAILEDExecutionfailedfortask

笑道三千·2023-07-26 18:28

‘:app:mergeDebugAssets‘. :app:debugRuntimeClasspath

Couldnotresolvealltaskdependenciesforconfiguration‘:app:debugRuntimeClasspath’.Couldnotfindcom.facebook.react:react-native

笑道三千·2023-07-26 18:28

运行 react-native run-android 报错

运行react-nativerun-android提示Downloadinghttps://services.gradle.org/distributions/gradle-6.7-all.zip，然后后面的代码就报错了。解决步骤：第一步：下载对应版本的gradle，并做配置；具体看码友的这篇文章https://blog.csdn.net/qq_36157085/article/details/8

cherry_vincent·2023-07-26 18:27

react-native 打包报错 android-gradle-plugin-requires-java-11

1、首先安装jdk-11(不提供下载，网上都能找到)JavaPlatform,StandardEdition11ReferenceImplementations2、在RN项目，编辑android文件下的gradle.properties文件增加一行配置org.gradle.java.home：org.gradle.java.home=D:\\Software\\JAVA11\\JDK路径到jdk的

Joshua02·2023-07-26 18:56

导读：为什么选择 React Native

为什么我选择了React-Native？选择这个技术到底给我带来了什么样的技术福利？

疯狂紫萧·2023-07-26 15:13

第01课：项目初始化

创建项目的前提条件使用React-Native创建

疯狂紫萧·2023-07-26 15:42

用Git更新React-Native

在终端里进到工程目录下第一次：npminstall-greact-native-git-upgrade以后要是更新的话直接运行react-native-git-upgrade或者知道版本号react-native-git-upgrade6.6.0

LeeCoder·2023-07-26 12:33

react-native webview加载不出中文

加载不出中文的时候,需要加一个参数:baseUrl:''另外还有一个坑:本地网页读不了的时候需要添加:originWhitelist={['*']}

以德扶人·2023-07-26 11:04

react-native省市区吸顶选择

第一次发文章，代码有点low将就着看吧json数据下面给地址，自己下载改改路径或者直接fetch过来地址json/**@Author:panyang*@Date:2018-08-3014:58:31*@LastEditors:panyang*@LastEditTime:2018-08-3015:05:08*@Description:AdressPickercomponent*/importReac

cielu·2023-07-26 09:51

RN组件及样式

组件在reactnative中没有html标签只能使用组件importReact,{useState}from'react'import{View,Text,Button,StyleSheet}from'react-native

Raccom·2023-07-26 06:18

React-Native中的FlatList学习记录（二）之单个item刷新

React-Native中的FlatList学习记录（二）之单个item刷新写作时间：2021/9/22React-Native版本：0.63.2目标平台：Android、iOSFlatList数据过多的时候

隔壁老何·2023-07-26 05:10

React Native RN state props

importReact,{Component}from'react';import{Text,View}from'react-native';exportdefau

linzhiji·2023-07-26 05:05

学习React-Native-如果启动并第一个View

React-Native版本：0.52.0React-Native本质上来说其实就是一个普通的Android应用。通过LayoutInspector查看UI的层级结构如下：一个普通的App。

shawn_yy·2023-07-26 05:22

android studio虚拟机运行react-native项目全流程（避坑笔记）

目录前言安装androidstudio配置环境变量配置sdkmanager启动rn项目问题记录写一个bat脚本直接启动虚拟机前言年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个androidstudio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。做了流程，防止还有下一次，如果没有入坑过的可以试试全

在下月亮有何贵干·2023-07-26 03:00

react-native项目安卓版本升级 compileSdkVersion 29-＞31

因为react-native-ble-manager添加过程及碰到的问题依赖https://github.com/innoveit/react-native-ble-manager参考：https://blog.csdn.net/withings/article/details/71378562iOS按react-native-ble-manager文档在【Info.plist】加了key之后能正

我一定要早起·2023-07-25 21:32

react-native打包apk后http请求不到解决方法

解决http请求无效的问题目测和android的版本有关系，9以上需要做如下处理：找到\android\app\src\main\AndroidManifest.xml文件添加android:usesCleartextTraffic="true"image.png

秃头大叔·2023-07-25 15:14

2019-11-24

importReact,{Component}from'react'import{View,Button,Text}from'react-native'import{createStackNavigator

立陶宛_d5a9·2023-07-24 14:54

推荐频道

react-native