E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
React-Native
【RN】开发第一个
react-native
程序
记录下,开发一个
react-native
程序的步骤。搭建开发环境搭建开发环境官方地址这里搭建的是androidapp开发环境。整体来说
ZSK6
·
2024-02-20 19:29
React
Native
前端
react
native
Expo Router + Supabase使用流程
unsetunset前言unsetunsetExpo是一个
React-native
生态中的一个工具包,提供了非常多的功能,ExpoRouter是Expo最近推出的功能,其效果类似于Nextjs的router
懒编程-二两
·
2024-02-20 14:31
React-Native
热更新 - 3分钟教你实现
创建
React-Native
项目react-nativeinitdounineApp
kikiki1
·
2024-02-19 15:41
react-native
NetInfo获取网络状态不正确
最近在开发一个判断网络状态的功能。在APP断网后重新打开网络。获取到的网络状态依旧是断网状态。。才发现里面的坑;解决办法--重新对这个方法进行封装一下;有需要的小伙伴直接复制就可以了staticasyncgetConnectionInfo(){if(Platform.OS==='ios'){returnnewPromise((resolve,reject)=>{constconnectionHan
小小小小的人头
·
2024-02-15 07:52
React18原理: 核心包结构与两大工作循环
React核心包结构1)reactreact基础包,只提供定义react组件(ReactElement)的必要函数一般来说需要和渲染器(react-dom,
react-native
)一同使用在编写react
Wang's Blog
·
2024-02-14 01:51
React
React
Native
react.js
前端
前端框架
vscode中一键生成react代码块以及快速补全react代码
1.vscode扩展搜索ES7React/Redux/GraphQL/React-Nativesnippetsd或者
React-Native
/React/Reduxsnippetsfores6/es7并安装
前端驿站
·
2024-02-13 20:38
react-native
配置启动图支持ios和android
配置启动图我使用的是第三方模块react-native-splash-screen,更加详细的请到github地址进一步查看,我们这里提供基本的配置以及个别问题的解决方案当前环境OS:macOSHighSierra10.13.5Node:8.11.3Yarn:1.7.0npm:5.6.0Watchman:4.9.0Xcode:Xcode9.4.1react:16.3.1=>16.3.1react-
青青子子子
·
2024-02-13 04:17
小程序 – 笔记
但是里面是兼容ES6语法的,因为之前有去学习
React-Native
的相关内容,所以就又去了解了ES6的相关内容。貌似有点跑题了。话说回来,小程序是比
React-Native
简单的。
Kotyo
·
2024-02-13 04:06
2018-11-14 上拉加载 下拉翻页加载
importReact,{Component}from"react";import{StyleSheet,Text,View}from"
react-native
";importRefreshListView
z芝麻
·
2024-02-10 22:10
React-Native
与安卓原生的混合开发
写在前面目前很多大厂APP(如淘宝、饿了么、美团等等)并不是纯原生Android&IOS,也不是纯JS开发,而是HybirdAPP开发,混合型优势很多:比如热更新,保证在一些类似双十一的活动到来时能够快速上线活动页面,用户不必再去更新APP。再来有效地减小了安装包的体积大小,大部分的界面都位于服务器端,本地只需要进行绘制。1.新建Android项目我这里使用之前的项目rn012.在项目根目录引入R
heyrenly
·
2024-02-09 19:46
2019-02-22
react-native
echarts android 打包 不显示
https://blog.csdn.net/fivestar2009/article/details/83750062今天对echarts进行打包,遇到几个问题1)怎么打包apk,都是unsingle模式,而且安装失败原因是buildTypes中没有加signingConfigsigningConfigs.release2)安装后居然echarts不显示,但是在模拟器中是显示的,也是从网上找的2.
Mylovesunshine
·
2024-02-08 22:31
2022-03-16 React基础
第一个React程序函数式组件//引入react核心importReactfrom'react'//引入react对dom操作的核心,相对于
react-native
而言的importReactDOMfrom'react-dom
null_7d53
·
2024-02-08 07:24
react-native
插件总结
react-native-linear-gradient颜色渐变处理react-native-login视频界面登录react-native-keyboard-aware-scroll-view键盘显示处理react-native-popup-dialog弹窗react-native-dropdownalert一种非常漂亮的alert弹窗方式,从状态栏往下弹窗;react-native-simpl
sybil052
·
2024-02-07 14:07
React-Native
之Navigator
Navigator简介处理应用程序中不同场景之间的转换。Navigator是跨平台的导航组件,不管在iOS还是Android系统下都能使用。Navigator默认没有包含导航栏,我们可以实现一个自定义导航栏,也可以使用NavigatorBar组件来实现。Navigator安装从0.44版本开始,Navigator被从reactnative的核心组件库中剥离到了一个名为react-native-de
武昌鱼艾特222
·
2024-02-07 14:46
2019-03-27
一些
react-native
常用小组件:react-native-actionsheet-----底部向上的选择框RCTDeviceEventEmitter-----RCTDeviceEventEmitter
浮生若茶_ooh
·
2024-02-07 11:51
loading dependency graph done.
react-nativeinitproject1添加文件index.android.js,文件内容如下/***SampleReactNativeApp*https://github.com/facebook/
react-native
war_ttccll
·
2024-02-07 09:43
react-native
menuModal (more & simple)
QQ20190627-205936-HD.gifQQ20190627-205716-HD.gifQQ20190627-205900-HD.gif使用方式:{console.log(`item:${item}\nindex:${index}`);}}data={[{text:'tableName'}]}requestClose={()=>this.setState({visible:false})}
Nur__
·
2024-02-07 05:03
React-Native
WebView 测量网页高度
React-Native
(后面简称RN)在展示某些静态也页面的时候,可能需要使用WebView,WebView可以请求一个网页地址,也可以异步请求HTML文本。
keyuan0214
·
2024-02-07 04:22
ReactNative实现一个圆环进度条
importSvg,{Circle,G,LinearGradient,Stop,Defs,Text,}from'react-native-svg';import{View,StyleSheet}from'
react-native
xvzhengyang
·
2024-02-06 13:22
前端
ReactNative
react
native
前端框架
Airbnb放弃
react-native
博客译文(一)
原文链接:https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1cThisisthefirstinaseriesofblogpostsinwhichweoutlineourexperiencewithReactNativeandwhatisnextformobileatAirbnb.WhenAirbnblau
莫寂岚
·
2024-02-06 10:28
react-native
横向滚动的商品展示
在app中会有这种页面像这样商品是横向的,而且要滚动,思路是利用ScrollView横向的滚动思路:(a):横向滚动的整体作为一个组件ShopCenter{/***横向滚动***/}this.pushToShopCenterDetail(smid)}/>其中:(讨论梳理整体的链接跳转方法)popToHomeView这个函数是从组建中一级级传出来到父页面的,在父页面中让这个函数等价于函数pushTo
メイ
·
2024-02-06 02:28
javascript
json
ViewUI
ReactNative实现的横向滑动条
react-native-linear-gradient2.react-native-gesture-handlerok,我们看下面的代码import{Image,TouchableWithoutFeedback,StyleSheet,View}from'
react-native
xvzhengyang
·
2024-02-06 02:58
ReactNative
前端
react
native
slider
HorizntalSlider
React-Native
+ ts + mobx 项目
笔记React-Native+ts+mobx项目1.构建一个RN项目npminstall-gexpo-cliexpoinitfoodrn-appcdfoodrn-appnpmstart#也可以使用命令:expostart2.写底部tab栏yarnaddreact-native-tab-navigator-Syarnadd@types/react-native-tab-navigator创建首页//
於我
·
2024-02-05 16:31
RN- 全局关闭字体放大缩小功能
import{Text}from"
react-native
";importReactfrom'react';//全局关闭字体放大缩小功能,可以写在程序入口处lettextRender=Text.prototype.render
精神病患者link常
·
2024-02-05 16:28
ReactNative实现宽度变化实现的动画效果
通过修改设备宽度实现动画效果importReact,{useRef,useEffect,useState}from'react';import{Animated,Text,View,Image}from'
react-native
xvzhengyang
·
2024-02-05 12:42
react
native
宽度变化
Animated
React 结合 react-i18next 实现中英文切换
简介:react-i18next是基于i18next的一款强大的国际化框架,可以用于react和
react-native
应用,是目前非常主流的国际化解决方案。
Mr.superboy
·
2024-02-05 08:15
React
react.js
javascript
React Native for Arcgis 地图开发 LocationCtrl (十五)
LocationCtrlimportReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet,DeviceEventEmitter}from'
react-native
haibalai
·
2024-02-05 06:16
react-native
安卓项目gradle优化
profile报告命令./gradlewcleanapp:assembleDebug--profile1.png1、debug环境禁止crashLytics上报2、避免LegacyMultideximage.png2.png记录2018-11-0611:05cleangradlewcleanapp:assembleDebug--profile1、修改参数,加快buildorg.gradle.jvm
小马将过河
·
2024-02-05 06:08
React-Native
启动页及ICON设置
本文将从Android和IOS两端分别详细介绍APP是如何设置名称、图标以及启动页的。首先我们到图标工厂上传一张1024x1024的图标,然后一键生成所有尺寸的图标,下载下来供两端使用。icon.pngIOS端设置名称在Xcode中点击你的项目修改右侧DisplayName就是APP的名称image.png设置图标将上面下载好的图标组文件夹打开,将ios目录下的AppIcon.appiconset
无穷369
·
2024-02-04 15:48
Error:Could not get unknown property 'repositoryUrl' for project ':
react-native
:ReactAndroid' of type
release.gradle找到defgetRepositoryUrl(){returnhasProperty('repositoryUrl')?property('repositoryUrl'):'https://oss.sonatype.org/service/local/staging/deploy/maven2/'}defgetRepositoryUsername(){returnhasP
塑料机霸
·
2024-02-04 00:53
不使用Android Studio,使用第三方模拟器,
react-native
调试
不同的模拟器端口号不同,这里用的是逍遥安卓模拟器image.png连接成功敲一下指令adbdevices,看一下有没有设备连接image.png打开vscodeimage.png拆成两个cmd,一侧敲
react-native
王善良_
·
2024-02-03 21:46
React Native for Arcgis 地图开发 LocationDisplayCtrl (十四)
importReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet,DeviceEventEmitter}from'
react-native
haibalai
·
2024-02-03 17:07
react-native
新导航组件react-navigation详解
有问题找issues,基本上坑都在这里.官方文档主要构成按使用形式主要分三部分:1StackNavigator:类似于普通的Navigator,屏幕上方导航栏2TabNavigator:相当于iOS里面的TabBarController,屏幕下方的标签栏3DrawerNavigator:抽屉效果,侧边滑出StackNavigator导航栏API:StackNavigator(RouteConfig
学习笔记999
·
2024-02-03 10:37
React-Native
reactJS
javascript
redux
前端面试题
React-Navigation架构嵌套路由:
React-Navigation^5x架构嵌套路由:
react-native
使用的版本是^0.64,导航用的5x。目前已经出到了6x,不过也相差不大。
贺知叶
·
2024-02-03 10:34
React-Native
React
react.js
架构
react
native
【
React-Native
】自定义Drawer(抽屉)动画组件
自己实现一个简单的抽屉组件因为业务需要实现侧滑抽屉菜单,看了一眼项目中封装的DrawerLayout组件,便直接引用准备使用,但是使用后却发现并没有理想中的动画效果,便打开组件代码看了一眼,发现之前的作者是直接用Modal写的,然后在modal里写了一个蒙层和一个View容器:大概布局为:{此处作为蒙层,点击关闭抽屉用}{this.props.children}总之组件似乎写法有问题,只有弹框没有
small_Axe
·
2024-02-03 10:31
react-native
react
native
移动开发
前端
组件化
开发工具
React Native - 01 - Hello World!
如果你已经知道React,你仍然需要学习一些
React-Native
特有的东西,比如本地组件。本教程针对所有受众,无论您是否具有React经验。那我们开始吧按照我们人民的古老传统,首先要建立一个除了说
wanqijian
·
2024-02-03 02:44
react-native
闪屏
app闪屏是一个常见的需求,今天我们来说一下使用react-native-splash-screen组件实现闪屏功能。一、具体使用(一)安装使用安装命令npmireact-native-splash-screen--save进行安装使用命令react-nativelinkreact-native-splash-screenlink注:我安装的版本是3.0.0,最新版用法请查看react-nativ
sybil052
·
2024-02-02 15:28
React16源码: React中event事件系统初始化源码实现
react-dom的源码的时候,会为react的事件系统注入reactdom相关的一些插件因为react事件系统,它有一个独立的模块,这个模块是一个公用性质的模块就是说它是可以给react-dom用,也可以给
react-native
Wang's Blog
·
2024-02-02 13:15
React
React
Native
react.js
前端
前端框架
2018-05-16
React-Native
Version mismatch error. 解决方法
去android/app/build.gradle下把依赖库中‘compilecom.facebook.react:
react-native
:+’改成compile("com.facebook.react
无尽甜蜜里悠悠记忆
·
2024-02-01 06:09
react-native
报错 Tried to get frame for out of range index NaN 解决办法
模拟器使用过程中报错TriedtogetframeforoutofrangeindexNaN报错信息原因:数据源data的json结构不是数组对象解决办法:检查代码,数据结构错误,数据源的json结构要改为数组对象
布伮厘_summer
·
2024-02-01 00:21
【笔记】
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
react
native
react.js
javascript
【笔记】
React-Native
跟Android交互--简单示例
/***使用命令npxreact-native@latestinitDemoRN创建项目**"react":"18.2.0",*"
react-native
":"0.73.2"**官网有详细教程:https
!Mortal
·
2024-01-31 14:00
React-Native
react
native
android
typescript
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
跨平台
react-native
系列入门篇:在VSCode中配置ESLint(代码检测工具)
ESLint是一套javascript代码检测工具。要记住,代码也是写给人看的,所以一定要注意代码的编写规范。ESLint可以根据自己设置的规则实现对代码的检测,从而规范了代码的风格。本篇内容主要介绍如何在VSCode中使用ESLint。ESLint的官网地址是:https://eslint.org/全局初始化:$npminstalleslint-g在VSCode中安装ESLint插件:输入命令行
hzxOnlineOk
·
2024-01-29 22:56
eslint
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
native版本
修改项目react
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
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他