React-Native

reactnative 获取定位_React-native实现定位的功能

1、在React-native中实现定位的功能的几种方式。(1).使用rn中的自带的Geolocation实现定位。(2).用第三放库react-native-location实现定位。

weixin_39644915·2024-09-14 06:08

native react 集成微信登录_微信SDK集成示例 – react-native-wechat-ios

weixin_39682477·2024-09-13 11:12

react-native mac 开发环境搭建Android SDK版本N/A问题，已解决

react-nativemac开发环境搭建AndroidSDK版本N/A问题，已解决使用npxreact-nativedoctor校验开发环境，AndroidSDK报错但是开发环境配置和文档描述得没有什么差别，怀疑是bug，git仓库下的issue有提类似问题，直接使用npmrunandroid运行，报以下错>Failedtoapplyplugin'com.android.internal.app

aaaaanqi·2024-09-13 10:07

React-native 桥接Android原生开发

在开发RN的漫漫长河中,早晚有那么一天要接触到安卓的原生开发,笔者来介绍一下其中的酸甜苦辣.对于一个不懂android的小白来说,刚开始有点难,不过都是万事开头难.语言是想通的,原理也是大径若一.1.png开发过程中是要集成高德的导航功能,没有找到好的轮子的,只要写原生代码,然后在用JS去调用原生的导航模块.首先注册模块其意义在与将类注册到RN中,才能用JS去调用publicclassAnExam

一天清晨·2024-09-12 19:13

react-native中不要将ScrollView 组件和 FlatList 组件嵌套使用

问题：接手了一个rn项目，真机上测试发现一个bug：商品列表页，上拉加载更多商品，加载了二十多个商品，屏幕滑动就开始出现明显的顿挫感，android出现商品图加载异常，ios还偶尔会出现闪退。直接定位到这个商品列表，发现使用的是FlatList组件，一个列表懒加载组件，检查了下，没发现问题，然后纵观整个页面，这个页面并不仅仅只有这一个列表，上面依次还有兑换区，签到区，搜索区，然后最外层包了一个Sc

希望的模样·2024-09-07 06:30

react-native-share的使用

是用于社交分享的一个库接下来介绍一下他的使用和出现的问题npmireact-native-share如果安装后出现项目无法启动，报错：/Users/landsky/Desktop/xcodeworkspace/react-native

孟宪磊mxl·2024-09-07 05:26

react- native创建pdf

WRITE_EXTERNAL_STORAGE权限：使用：importReact,{Component}from'react';import{Text,TouchableHighlight,View,}from'react-native

孟宪磊mxl·2024-09-07 05:26

react-native使用第三方库以及引入react-native-elements(十二)

react-native使用第三方库以及引入react-native-elements1.首先需要下载依赖包到本地cd/projectyarnaddreact-native-elements#orwithnpmnpminstallreact-native-elements2

Museions·2024-09-03 01:37

React-Native优质开源项目

ReactNative是一个由Facebook开发的开源框架，允许开发者使用JavaScript和React来构建原生移动应用。它允许开发者编写一次代码，然后可以在iOS和Android平台上运行，而无需为每个平台单独编写代码。以下是ReactNative的一些关键特点和优势：跨平台开发：使用ReactNative，开发者可以为iOS和Android创建应用，而不需要分别学习Swift或Java/

换个网名有点难·2024-08-31 08:53

iOS react-native-yunpeng-alipay 与 UMeng 发生冲突的解决方案

报错：UTDID方法重复无论是在集成react-native的支付宝SDK，还是react-native的支付宝SDK，都有可能碰到与友盟SDK发生冲突的情况。

笙笙哥·2024-08-28 00:37

【RN】开发第一个react-native程序

记录下，开发一个react-native程序的步骤。搭建开发环境搭建开发环境官方地址这里搭建的是androidapp开发环境。整体来说

ZSK6·2024-02-20 19:29

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

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

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

ReactNative实现的横向滑动条

react-native-linear-gradient2.react-native-gesture-handlerok，我们看下面的代码import{Image,TouchableWithoutFeedback,StyleSheet,View}from'react-native

xvzhengyang·2024-02-06 02:58

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 结合 react-i18next 实现中英文切换

简介：react-i18next是基于i18next的一款强大的国际化框架，可以用于react和react-native应用，是目前非常主流的国际化解决方案。

Mr.superboy·2024-02-05 08:15

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-Navigation架构嵌套路由：

React-Navigation^5x架构嵌套路由：react-native使用的版本是^0.64，导航用的5x。目前已经出到了6x,不过也相差不大。

贺知叶·2024-02-03 10:34

【React-Native】自定义Drawer(抽屉)动画组件

自己实现一个简单的抽屉组件因为业务需要实现侧滑抽屉菜单，看了一眼项目中封装的DrawerLayout组件,便直接引用准备使用，但是使用后却发现并没有理想中的动画效果，便打开组件代码看了一眼，发现之前的作者是直接用Modal写的，然后在modal里写了一个蒙层和一个View容器:大概布局为：{此处作为蒙层，点击关闭抽屉用}{this.props.children}总之组件似乎写法有问题，只有弹框没有

small_Axe·2024-02-03 10:31

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

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

推荐频道