React-Native

【笔记】React-Native Navigation页面导航

/***须知：abareReactNativeProject(notanExpomanagedproject)**React官方文档：https://reactnative.dev/docs/navigation**当前文档基于6.x*ReactNavigation文档：https://reactnavigation.org/docs/getting-started**"@react-naviga
!Mortal·2024-01-31 14:33

【笔记】React-Native跟Android交互--简单示例

/***使用命令npxreact-native@latestinitDemoRN创建项目**"react":"18.2.0",*"react-native":"0.73.2"**官网有详细教程：https
!Mortal·2024-01-31 14:00

expo sdk 34.0.0.0 is not a valid sdk

ExpoSDK34isnowavailableexpo更新后，sdk变为34手动降级为33：app.json"sdkVersion":"34.0.0",改为"sdkVersion":"33.0.0",package.json"react-native
younglaker·2024-01-30 13:27

最火移动端跨平台方案盘点：React Native、weex、Flutter

1、前言跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。
super_man_风清扬·2024-01-29 23:26

react-native系列入门篇：在VSCode中配置ESLint(代码检测工具)

ESLint是一套javascript代码检测工具。要记住，代码也是写给人看的，所以一定要注意代码的编写规范。ESLint可以根据自己设置的规则实现对代码的检测，从而规范了代码的风格。本篇内容主要介绍如何在VSCode中使用ESLint。ESLint的官网地址是：https://eslint.org/全局初始化：$npminstalleslint-g在VSCode中安装ESLint插件：输入命令行
hzxOnlineOk·2024-01-29 22:56

react-native修改App名称和图片（android）

1、修改app_name工程\android\app\src\main\res\values\strings.xml2、修改图片工程\android\app\src\main\res\mipmap-xxxhdpi文件下把原来的图片替换即可修改完需重启
木子_5dbf·2024-01-29 17:42

/node_modules/react-native/packager/react-native-xcode.sh: No such file or directory

/node_modules/react-native/packager/react-native-xcode.sh:Nosuchfileordirectory这是因为react-native低版本升级到
pure_light·2024-01-29 07:20

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

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2024-01-29 07:18

native版本 修改项目react_react-native版本迁移教程

如果在学习react-native的过程中遇到什么问题，欢迎加入QQ群397885169一起学习，一起成长。
马伯庸·2024-01-29 00:18

React Native for Arcgis 地图开发 MapImageLayer （六）

javascriptimportReact,{useEffect,useState}from'react';import{Clipboard,ScrollView,StyleSheet,Text,View}from'react-native
haibalai·2024-01-28 23:21

ReactNative StackNavigator详解

搜集到的StackNavigator的一些使用方法importReact,{Component}from'react';import{AppRegistry,Image,}from'react-native
WindFlyCloud·2024-01-28 06:30

react基础

对象网页B(browser)/S(server)webappdombomreact基本语法+react-dom可以写网页appC(client)/s(Server)手机硬件以及uireact基本语法+react-native
jie_han·2024-01-27 20:41

如何在react-native实现自定义的垂直方向跑马灯

第二方案打算使用ant-mobile的Carousel组件，import{Carousel,WingBlank}from'antd-mobile';import{Text}from'react-native
xjl271314·2024-01-27 14:52

react-native 走马灯效果

importReact,{Component}from'react'import{Text,View,Animated,Easing,StyleSheet,TouchableOpacity,}from'react-native'conststyles
学习笔记999·2024-01-27 14:52

一个 react-native 文字跑马灯组件

一个react-native文字跑马灯组件。
weixin_34268610·2024-01-27 14:50

React-native 跳转界面后回调数据

第一个界面this.props.navigation.navigate('第二个界面',{refresh:function(data){//设置数据}})第二个界面this.props.navigation.state.params.refresh(data);this.props.navigation.goBack()
liy_lmn·2024-01-26 19:25

React-Native 运行RCTBundleURLProvider.h” file not found

在git中下载的项目不能运行，包缺缺少文件的错，大约是RCTBundleURLProvider.h”filenotfound这是为了节省git空间，将一些占空间的文件删除，所我们要重新下载安装这些文件。步骤是先将项目中的node_modules模块删除，然后在终端上重新安装npm，执行命令为npminstall，但这里我的RN项目就能运行了，我看了一下其他的文章，他们还有一步就是执行react-n
dxin_101·2024-01-26 04:32

ReactNative创建工程

1、环境macos命令行创建React-Native项目RN环境搭建可以参考react-native官方文档进行配置2、在命令行中打开自己需要创建项目的文件夹下3、出现如下结果说明创建完成4、然后打开新建项目目录下
雨_f7b8·2024-01-25 18:51

React-Native官方组件的效果探究以及一些优秀的组件推荐

本篇文章使用的React-Native版本是0.55.3,文档版本是0.51。
xjl271314·2024-01-25 11:15

React Native区分安卓/iOS平台

import{Platform}from'react-native';classxxxextendsComponent{aaa=()=>{if(Platform.OS==='android'){}
皮卡许·2024-01-25 04:40

react-native 父子组件之间传值

父组件代码子组件代码1.父组件传值给子组件父组件给子组件传值react和vue都是很相似的，很简单1.父组件引入子组件importFashbasesfrom'./Fashbases'2.在子组件上直接传值3.在子组件上通过this.props.child接收父组件传过来的值这个也是测试，{this.props.child}2.子组件给父组件传值子组件给父组件传值相当于父组件传递方法给子组件子组件通
Petricor·2024-01-24 06:26

ReactNative中StackNavigator和TabNavigator的简单使用

Component}from'react';import{AppRegistry,Image,View,TouchableOpacity,Text,Alert,Modal,Platform}from'react-native
WindFlyCloud·2024-01-24 05:18

React-Native Image加载图片二进制

baseImg='data:image/png;base64,图片的二进制'设置宽高，相当于网络图片例如：varbaseImg='data:image/png;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABA
精神病患者link常·2024-01-23 02:57

android studio 运行 react-native 项目 提示下载gradle

解决问题：1、根据提示路径下载相应的gradle2、拷贝下载的gradle到android->gradle->wrapper下面3、修改gradle-wrapper.properties文件中的distributionUrl=“”为distributionUrl=gradle-4.7-all.zip4、重新运行
菜鸟何时起飞·2024-01-21 17:48

【教程】React-Native代码规范与加固详解

引言ReactNative是一种跨平台的移动应用开发框架，由Facebook推出。它可以让我们使用JavaScript和React语法编写原生应用，大大提高了移动应用的开发效率。但是，对于开发人员来说，代码规范和安全性也是非常重要的问题。本篇博客将为大家详细介绍ReactNative的代码规范和加固方法。编程规范变量规范变量命名需采用lowerCamelCase驼峰命名的方式，第一个字母必须小写。
iOS学霸·2024-01-21 16:25

React-Native实例

前言移动开发也走过了将近10年的历程，开发的技术也随着移动设备各个版本的迭代发生了巨大的变化，不管是iphoneX和android8.X和最初的iphone1以及android1.X,无疑都发生了巨大的变化，哪怕一两年的节点之间，移动设备的软硬件都会产生巨大的变化。于此同时，开发技术和模式也有了长足的发展，从早前的纯native开发，到后来的webview+html的hybridnative开发模
wiki_wuhan·2024-01-21 08:20

React Native for Arcgis 地图开发 GraphicCtrl （十三）

GraphicCtrl的使用importReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet}from'react-native
haibalai·2024-01-20 18:17

React Native报错Task :app:compileDebugKotlin FAILED

"react-native":"0.73.1","react-native-safe-area-context":"^4.8.2",distributionUrl=https\://services.gradle.org
阿榄·2024-01-20 10:24

【教程】React-Native代码规范与加固详解

目录引言编程规范变量规范函数规范组件规范格式规范条件语句规范注释规范文件规范ESLint安装指南加固混淆总结参考资料引言ReactNative是一种跨平台的移动应用开发框架，由Facebook推出。它可以让我们使用JavaScript和React语法编写原生应用，大大提高了移动应用的开发效率。但是，对于开发人员来说，代码规范和安全性也是非常重要的问题。本篇博客将为大家详细介绍ReactNative
憧憬blog·2024-01-20 04:10

2018-08-04

Navigatorisdeprecatedandhasbeenremovedfromthispackage.Itcannowbeinstalledandimportedfrom`react-native-deprecated-custom-components`insteadof`react-native
狂野的骚猪·2024-01-19 01:44

RN - 新创建的工程报错 Module @babel/runtime/helpers/interopRequireDefault does not exist in the Haste mod...

https://github.com/facebook/react-native/issues/21310EnvironmentReactNativeEnvironmentInfo:System:OS:
iOS_杨平·2024-01-18 23:46

js中的循环问题

写了这么久的react-native，但是最近却被一个js循环给难住了。
sybil052·2024-01-18 10:30

React Native 新创建的项目react-native run-android报错Error: EPERM: operation not permitted

新创建的项目，运行react-nativerun-android弹出的Server报错（也就是单独运行react-nativestart报错）Error:EPERM:operationnotpermitted,chmod'/Users/singcloud/Desktop/ReactNative/pc/node_modules/@react-native-community/cli/build/co
Loki_·2024-01-17 21:21

什么是虚拟DOM？如何实现一个虚拟DOM？

说说你的思路一、什么是虚拟DOM虚拟DOM（VirtualDOM）这个概念相信大家都不陌生，从React到Vue，虚拟DOM为这两个框架都带来了跨平台的能力（React-Native和Weex）实际上它只是一层对真实
C+ 安口木·2024-01-16 23:03

Flutter vs Native与React-Native：检查性能

老孟导读：这是老孟翻译的付费文章，文章所有权归原作者所有。欢迎加入老孟Flutter交流群，每周翻译2-3篇付费文章，精彩不容错过。原文地址：https://medium.com/swlh/flutter-vs-native-vs-react-native-examining-performance-31338f081980今天，一些最流行的构建移动应用程序的解决方案是原生开发或者使用ReactN
老孟程序员·2024-01-15 23:27

React-Native基础语法记录

1、基于flex布局，默认是纵向排列flex-direction:column;2、width，height等设置不需要单位（px，vw，vh...）,可以采用百分比3、样式不继承，例如：子元素不会父元素的fontSize4、View标签不能单独存放文本5、Imgae标签引用的外部资源图片，必须要设置width,height属性6、transform写法，以数组的形式//向下移动100，放大2倍s
南城巷陌·2024-01-15 00:10

‘react-native‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

原因：没有下载react-native解决下载react-nativenpmi-greact-native-cli
花~海·2024-01-14 20:48

react-native技术栈总结

React-Native基本原理1.整体架构RN框架让js开发者可以大部分使用js代码构建跨平台APP，Facebook官方说法是learnonce,runeverywhere，即在Android、IOS
王逵_e9b3·2024-01-14 19:32

react-native unity界面推出新界面UI展示偶现不完整的bug

解决思路：1.查找unity与react相关问题2.没有直接搜索到该问题，但是搜索到react-native-unity-view的github控件,猜测里面的issue会有人碰到此类问题，因为这个组件有299个star，然后issue的数量为63个总共三页的issue；3.搜索issue类似的关键字不好找，就干脆直接每个issue过一次终于找打一个react-navigation相关的UI异常；
RN小飞侠·2024-01-13 08:34

react-native-device-info报错：TypeError: Cannot read property 'brand' of undefined

环境：react-native:0.51.0react-native-device-info:0.21.5device:iPhone6(onarealmachinenotasimulator)Xcode
萤火虫叔叔·2024-01-12 19:16

react-native 安卓保存图片到相册

记录一下react-native项目中使用的模块。
addction·2024-01-12 03:36

react-native使用动画Animated

渐变组件react-native-linear-gradient需要实现如下的动画动画效果：shinebutton进行拆分：亮光从左到右位置的移动==〉可以用marginLeft的值改变来展示==〉使用react-native
a堅強的泡沫·2024-01-12 03:36

react-native下载图片到本地相册

需求点击右上角下载icon，可以将当前图片下载并保存到本地相册。下载的图片：流程下载图片的本质其实是，固定需要下载的页面内容和样式===》将其放在当前页面不可见区域===》点击下载按钮===》穿一个ref给native，会自动拉起手机系统下载到本地相册todo：native如何下载的话需要进一步再看一下分析一下需要下载图片的样式：头部logo，可选可不选底部二维码和文案，固定的展示中间部分是外部传
a堅強的泡沫·2024-01-12 03:35

react-native 入门之 打包apk

第一步生成一个签名密钥命令行输入keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity10000其中红线框部分：前者是即将生成的密钥库文件，后者是其别称然后会让你输入一些信息，好像可以随便填最后它会生成一个叫做my-release-key.keystore的密
邪人君子·2024-01-11 20:49

React-native 项目升级Xcode 11全记录

React-native项目升级Xcode11全记录react-native版本$react-native--versionreact-native-cli:2.0.1react-native:0.57.7
louyong0571·2024-01-11 19:18

Visual Studio Code作为React Native的开发IDE,智能提示等等插件安装

1、ReactNativeTools2、React-Native/React/Reduxsnippetsfores6/es73、ReactNativeSnippet4、ES7React/Redux/GraphQL
Loki_·2024-01-11 08:53

react native中使用tailwind并配置自动补全

使用的第三方库是tailwind-react-native-classnames，同类的也有tailwind-rn，但是我更喜欢前者官方demo：import{View,Text}from'react-native
最 上 川·2024-01-11 00:16

react-native 修改代码刷新后不能更新的问题

watchman会监听项目目录下的.lock文件,所有解决办法如下:找出所有的.lock文件find-name"*.lock".删除之
朝西的生活·2024-01-10 12:40

SAP CRM和Hybris Commerce里关于价格折扣的一些配置

在这个原型项目里，我们用React-Native开发了一个移动应用，用户可以在手机上浏览SAPHybrisCommerce里的产品，然后下单。
JerryWang_汪子熙·2024-01-09 08:21

如何使用ART和Animated来实现自定义圆圈组件的动画

方式一：1.右键点击项目->‘AddFilestoProjectName->选择node_modules/react-native/React/Libraries/ART/ART.xcodeproj’2
AutoJiang·2024-01-08 08:51
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他