![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react学习
keykai9256
学习呗
展开
-
用android studio调试react native中的原生代码(windows+android)
要用Android Studio调试React Native原生代码,1. 需要先在终端中运行react-native start命令启动React Native服务器。2. 然后,在Android Studio中打开你的React Native项目(\android\build.gradle),连接你的设备或者启动模拟器。3. 接下来,点击Android Studio的“Attach Debugger to Android Process”按钮,选择你的设备或模拟器,然后选择你的React Nat原创 2023-11-03 14:41:50 · 584 阅读 · 0 评论 -
react native 使用夜神模拟器开发调试 windows+android
在复制一份platform-tools目录中的adb.exe,重命名为nox_adb.exe,把nox_adb.exe复制替换到bin目录中。执行adb devices, 提示List of devices attached, 127.0.0.1:62001 device。执行adb devices, 提示List of devices attached。打开夜神模拟器安装目录中的bin目录,把复制出来的文件复制替换到bin目录中。进入夜神模拟器安装目录的bin目录下执行下面的命令。原创 2023-10-19 14:15:39 · 946 阅读 · 0 评论 -
reactnative Deprecated Gradle features were used in this build, making it incompatible with Gradle 7
reactnative Deprecated Gradle features were used in this build, making it incompatible with Gradle 7rn出现Deprecated Gradle features were used in this build, making it incompatible with Gradle解决rn出现Deprecated Gradle features were used in this build, making原创 2020-08-17 00:22:50 · 1706 阅读 · 0 评论 -
react native swiper实现轮播图
react native swipe实现轮播图安装引入使用安装npm install react-native-swiper --save引入使用import React from 'react';import { StyleSheet, View, Text,Image,Dimensions} from 'react-native';import Swiper from 'react-native-swiper'const { width } = Dimensio原创 2020-07-27 17:19:50 · 545 阅读 · 0 评论 -
花里胡哨上传
花里胡哨上传原创 2020-07-09 11:39:02 · 252 阅读 · 0 评论 -
react循环 条件判断 搭配css
主要代码let { egglist,styleObject2 } = this.state return ( <div> <div className='app'> <div className='eggbox'> { egglist.map((item,原创 2020-06-13 18:09:45 · 656 阅读 · 0 评论 -
React Navigation 4.x Tabbar
React Navigation 4.x安装Tabbar安装4.x 版本从 react-navigation 中移除了各类导航器,同时还依赖了一些其他的包需要手动安装。npm install react-navigation react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context安装一下 StackNavigator 和 BottomTabNa原创 2020-07-04 15:03:24 · 311 阅读 · 0 评论 -
react native windows 在安卓机的调试与打release包
react native windows 在安卓机的调试与打release包调试打release包调试连接手机adb devices接下来react-native run-androidok打release包跟着文档 没什么问题https://reactnative.cn/docs/signed-apk-android设置密码、填一些信息最后生成接着改文件// An highlighted blockMYAPP_RELEASE_STORE_FILE=my-release-原创 2020-06-28 16:51:43 · 414 阅读 · 0 评论 -
react-native mac ios 在 iOS 设备上运行应用
react-native mac ios 在 iOS 设备上运行应用连接iphone打开xcode 打开项目运行项目iphone配置连接iphone通过 USB 数据线连接设备打开xcode 打开项目打开ios里面的 .xcworkspace导航处选择连着的设备运行项目点击顶部菜单 product->runokiphone配置app已经装到手机点击运行发现提示不受信任的开发者解决方法:https://support.apple.com/zh-cn/HT204460.原创 2020-06-24 17:59:48 · 552 阅读 · 0 评论 -
创建和运行react-native windows android和mac ios
创建和运行reac-native window android搭建问题搭建react-native官网文档.跟着做 基本没什么问题下载安装android Studio 和sdk manager,打开sdk manager.exe 去下载tool问题运行yarn react-native run-android的时候红屏提示unable to load script. make sure you’re either running a metro server (run ‘react-nativ原创 2020-06-23 12:52:32 · 365 阅读 · 0 评论 -
react+antd-mobile 包括axios拦截,本地开发请求代理
react+antd-mobile 简单项目 包括axios拦截,本地开发请求代理安装react安装antd-mobile 可选本地开发代理 区分开发环境和正式环境安装reactnpm install -g create-react-app //安装环境create-react-app my-app //创建应用 应用名称my-app 最好使用正确的路径cd my-app 先进入到根目录官网 https://zh-hans.reactjs.org/docs/create-a-new-原创 2020-06-09 15:34:57 · 517 阅读 · 0 评论