React-Native技术篇

ReactNative使用bottom-tabs搭一个简单的框架

react":"17.0.2","react-native":"0.66.3","@react-navigation/bottom-tabs":"^6.2.0","@react-navigation/native
北海之灵·2023-08-09 03:37

react-native动态获取网页高度

很简单，上代码！this.webView=ref}bounces={false}scrollEnabled={false}source={{html:detail,baseUrl:webViewBaseUrl,}}scalesPageToFitautomaticallyAdjustContentInsetsonLoadEnd={()=>{//加载结束后动态获取网页高度constscript=`wi
逝水流无痕·2023-08-08 23:27

RN 使用react-navigation写可以滚动的横向导航条（expo项目）

material-top-tabsreact-native-tab-viewnpxexpoinstallreact-native-pager-viewimportReactfrom'react'import{View,Text,ScrollView,SafeAreaView}from'react-native'import
徐同保·2023-08-08 17:55

使用新版本react-native 0.71快速开发APP项目详细介绍(ts+zustand+react-navigation+react-native-vector-icons)

1.项目介绍使用新版本react-native0.71快速开发APP，初步实现了登录、首页、设置和一些demo模块，并自定义了一些通用组件。其中包含路由组件，文本框组件，单元格组件，按钮组件，表格组件和弹窗选择组件简单案列，这些组件都是最简单的实现，是给新手朋友参考学习的。后期可以根据自己需求拓展。本项目使用了比较新版本的rn框架（0.71），并且使用了ts框架开发。状态管理库没有使用reactr
搬砖狗-小强·2023-08-08 06:16

react-native人脸识别采坑之旅--人脸采集

作为一个只会做前端的开发，做一些普通的开发还好说，每次react-native碰到需要集成别的插件就非常头疼。
搬砖狗-小强·2023-08-08 06:16

react-native在IOS上集成百度地图详解

首先看官方文档github上面react-native-baidu-map的官方文档部署开发环境：https://github.com/lovebing/react-native-baidu-map/tree/0.5.1开发的环境：1.Xcode9.22.react-native0.44.33.react-native-baidu-map0.5.1Install安装：npminstallreact
搬砖狗-小强·2023-08-08 06:16

关于react-native开发环境安装以及遇到的坑介绍

由于最近把电脑系统从window7升级到window10原来的react-native项目跑不起来折腾了1-2天，这次得地把react-native安装的步骤以及遇到的坑写下来，防止以后继续踩坑以及给其他同样遇到这样问题的开发者提供一些帮助
搬砖狗-小强·2023-08-08 06:15

2020-08-20 import with and without bracket

basic-step-by-step-react-native-tutorial-7ea9597d29b9importReactfrom'react';import{Button,StyleSheet,Text,View}from'react-native
zJanetHK·2023-08-07 19:38

React-Native

部分UI语法：1、flexDirection控制整体的横纵向布局（默认纵向）row：横向布局column：纵向布局2、padding内边距3、justifyContent顶着头，还是顶着尾（默认头）flex-start：头flex-end：尾space-around：相对居中（不顶头，不顶尾）space-between：相对居中（顶头，顶尾）4、alignItems布局相对于这一行来说是在左边还是
iOS_我更专业·2023-08-07 15:02

react-native在mac上执行gradlew命令报错 ./gradlew: command not found

这是因为react-native项目是windows上初始化，通过gitclone到mac机器上后gradlew这个文件没有可执行权限，如图：所以只需要给gradlew这个文件增加可执行权限就可以了：chmodu
weixin_30952103·2023-08-07 12:06

基于react-native的简单消息确认框showModel

基于react-native的简单消息确认框showModel效果示例图组件代码ShowModel/index.jsx使用案例device.js安装线性渐变色效果示例图组件代码ShowModel/index.jsximportReact
miao_zz·2023-08-07 06:07

react-native 0.55.4在xcode10上面出现的问题。

之前一时冲动升级了Xcode，然后不敢升级自己的react-native版本。怕版本差异太大。掉进坑里面。所以只好走了一遍Xcode坑之路。1.升级为Xcode之后。有点崩溃。各种爆粗。。。
懒闲生·2023-08-07 05:29

TypeScript In React-Native

一、在RN项目中添加TypeScriptyarnadd--devtypescriptyarnadd--devreact-native-typescript-transformeryarntsc--init--pretty--jsxreact//创建tsconfig.json文件linux：touchrn-cli.config.jswindows：typenul>rn-cli.config.jsya
我叫傻先生·2023-08-07 05:34

ReactNative 自带的组件

具体实例如下：import{StyleSheet,Text,View}from"react-native";exportdefaultfunctionApp(){return(设置view容器);}conststyles
林中白虎·2023-08-07 03:09

react-native 虚拟按键

BackHandler.addEventListener("hardwareBackPress",function(){if(!isEmpty(localCart.deliverAddress)){dispatch({type:"changSheetState",payload:{showSheet:false,height:380,children:()=>null,onCloseEnd:()=
朱传武·2023-08-07 01:57

前端框架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

IPFS，第二十篇，Solana的认识（技术篇）--poH

20211123Solana的认识（技术篇）--poHpoH是工作量历史证明；我们知道区块链中常用的证明机制有poW(工作量）,poS（权益），还有poA(权威），poWeight（重量）等方式；今天重点说一下
Edwin_红狼·2023-07-30 20:05

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

打造敏捷型高效团队——《大产品，小团队》有感

全书分为四大部分：理念篇、团队篇、技术篇、产品篇。理念部分介绍了Scrum的基本理念和玩法，3个角色、5个会议和3套工具，以及携程在敏捷转型上的理念、方法创新，还有心路历程。
叶止观·2023-07-29 17:12

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

推荐用于学习RN原生模块开发的开源库—react-native-ble-manager

react-native-ble-manager的部份源码，发现里边完全包含了一个NativeModules所涉及的知识点/技术点，故特推荐给大家，共同学习与交流react-native-ble-manager目前有1.8K的star如下所示，react-native
喜欢踢足球的老罗·2023-07-28 03:09

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
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他