react native

zhangguo20025 小时前
javascript·react native·react.js
react native和react在跨端架构上有什么区别?react:相当于我们还是写的div,最终是app里嵌入了一个浏览器进行渲染react native:使用了一个类似div的标签,最终是调用原生API进行渲染。本质还是JS和native通信,所以有异步和序列化的问题。比如连续手势的卡段,数据序列化的耗时。
阿珊和她的猫5 小时前
javascript·react native·react.js
React Native 开发环境搭建:从零开始🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
渔舟唱晚@9 小时前
javascript·react native·react.js
React Native 从零开始完整教程(环境配置 → 国内镜像加速 → 运行项目)本教程将从 环境配置 开始,到 国内镜像加速,最后成功运行 React Native 项目(Android/iOS),适合新手和遇到网络问题的开发者。
小纛10 小时前
react native·kotlin·jar
React Native 太慢:kotlin-gradle-plugin-2.0.21-gradle76.jar 下载太慢React Native 初次运行(已经连接手机USB调试)。运行的命令:npx react-native run-android。
爱笑的眼睛112 天前
javascript·react native·react.js
React Native 入门 jsx tsx 基础语法JSX (JavaScript XML) 是一种 JavaScript 的语法扩展,允许你在 JavaScript 文件中编写类似 HTML 的代码。它是 React 和 React Native 应用程序中用来描述 UI 的主要方式。
西楚曹长卿2 天前
android·react native·音视频·react
RN 获取视频封面,获取视频第一帧严格的说,没有解决这个问题,实际上是绕过了这个问题,严格的说获取的也不是第一帧。RN的video 视频应用,大多是这样的
流星雨在线2 天前
react native
解决 RN Switch 组件在安卓端样式很丑的问题解决此种问题的方式有很多可以导入原生库react-native-switch切图 (会缺少动画)使用 js 组件
ylineyline3 天前
android·react native·react.js·截断·多行·cut off
React-Native Android 多行被截断如图所示:使用相同的react-native代码,运行在两个APP(demo 和 project)上。demo 展示正常,project 展示不正常。
爱笑的眼睛113 天前
javascript·react native·react.js
React Navigation 使用指南React Navigation 是 React Native 中推荐的路由管理方案。自动适配 iOS 和 Android 平台的视觉规范与交互逻辑,例如:
JiaLin_Denny4 天前
react native·rn抽屉导航·r-n-draw·navigation-draw
react-navigation-draw抽屉导航我的实现方法,并没有完全安装官网来做,而是进行了简化,效果是一样的。没有按照官网说的修改metro.config.js文件,同时也没有 react-native-gesture-handler 的安装后,我们需要有条件地导入它。为此,请创建 2 个文件的内容部分。同时顺便说一下react-navigation-draw和react-native-drawer-layout是不一样的东西。一个叫做抽屉导航器,一个叫做抽屉布局。如果你想将抽屉布局(react-native-drawer-layout)与 Re
cauyyl4 天前
javascript·react native·react.js
react nativeWebView跨页面通信react native项目里,有一些移动端的应用喜欢使用h5来开发,会出现需要跨tab和跨页面通信的场景,可以使用pubsub-js来实现通信。
APItesterCris4 天前
javascript·react native·react.js
跨平台数据采集方案:淘宝 API 对接 React Native 实现移动端实时监控在当今数字化的时代,电商数据的实时监控对于企业的决策和运营至关重要。淘宝作为国内最大的电商平台之一,拥有海量的商品数据。而 React Native 是一个用于构建跨平台移动应用的开源框架,能够让开发者使用 JavaScript 和 React 来创建原生移动应用。本文将详细介绍如何通过对接淘宝 API,使用 React Native 实现移动端的实时数据监控。
宁静_致远5 天前
前端·javascript·react native
React Native 技术栈:基于 macOS 开发平台的 iOS 应用开发指南React Native 是一个用于构建跨平台移动应用的框架,支持同时开发 iOS 和 Android 应用。通过脚手架工具,开发者可以快速生成标准化的项目结构,并通过配置相关依赖和工具链,快速启动项目。
数据智能老司机6 天前
react native·react.js·前端框架
React关键概念——理解React组件与JSX在上一章中,你了解了React的基本概念,它是什么,以及为什么你应该考虑使用它来构建用户界面。你还学会了如何通过Vite创建React项目,方法是运行 npm create vite@latest <your-project-name>。
JQShan6 天前
javascript·react native·ios
React Native小课堂:箭头函数 vs 普通函数,为什么你的this总迷路?大家好呀~今天我们来聊聊React Native开发中两个看似很像,实则性格迥异的"函数兄弟"——箭头函数和普通函数。它们在代码里都穿着function的马甲,但遇到this这个磨人的小妖精时,表现可大不一样哦!(๑•̀ㅂ•́)و✧
cauyyl8 天前
react native·xcode
xcode 16 遇到contains bitcodehttps://developer.apple.com/documentation/xcode-release-notes/xcode-15-release-notes#Deprecations
冰冷的bin9 天前
react native
【React Native】自适应宽高的图片组件AdaptiveImageAdaptiveImage 是一个自适应宽高的图片组件,当 style prop 中只提供一个维度(宽度或高度)时,会自动计算另一个维度以保持图片的原始宽高比。支持本地图片和网络图片。
墨渊君12 天前
前端·react native·react.js
React Native 入门指南: 构建 UI 的必备核心组件React Native 提供了许多内置的 核心组件, 相当于 Web 开发中的基础的 HTML 标签组件。 和 Web 开发类似后续开发中我们都是基于语言所提供的核心组件来绘制页面或者封装复杂的可复用的组件。
这个昵称也不能用吗?15 天前
前端·react native·cocoapods
react-native搭建开发环境过程记录主要参考:官网的教程 https://reactnative.cn/docs/environment-setup
厨猿加加15 天前
前端·react native
FlatList 在 React Native 的最佳实践开发移动应用时,常需要展示数据列表。React Native中的FlatList组件是高效渲染长列表的首选方案。本文将探讨如何使用FlatList、其核心特性及性能优化最佳实践。