option = { backgroundColor:'#fff', grid: { left: '3%', right: '4%', top:20, bottom: '6%', containLabel: true }, xAxis...
原创 2021-08-04 16:20:48
120阅读
在这篇博文中,我将为你详细介绍如何在 Mac 上配置 React Native 的 Android 环境。无论你是新手还是经验丰富的开发者,这篇文章都旨在为你提供一个清晰的步骤和指导,确保你能够顺利地开展开发工作。 ### 环境准备 在开始之前,确保你的设备满足以下软硬件要求: - **软件要求**: - macOS 10.13 或更高版本 - Node.js 12 或更高版本
原创 6月前
31阅读
# React Native iOS 配置文件详解 在开发 React Native 应用时,尤其是 iOS 部分,配置文件(主要是 `Info.plist` 和 `AppDelegate.m`)的正确设置显得尤为重要。本文将为您详细介绍 React Native iOS 配置文件的关键部分,并为您提供代码示例以帮助理解。 ## 1. 什么是 iOS 配置文件? 配置文件是 iOS 应用的一
原创 7月前
63阅读
# 如何配置 React Native iOS 开发环境 本文将指导你如何为 React Native 配置 iOS 开发环境。作为一名新手,掌握这一过程对你的开发生涯至关重要。下面是整个流程的概述。 ## 流程概述 | 步骤 | 说明 | |---------------|----------------
原创 7月前
77阅读
为什么要用reactNative开发?传统开发的痛点:人员稀缺                            h5webVi
原创 2022-07-08 20:02:10
111阅读
设置.js文件默认以jsx的语法打开 在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件
原创 2022-12-19 12:58:52
126阅读
reactnative官网 ReactNative文档
转载 2018-11-05 20:15:00
163阅读
2评论
1.给Activity定制View  1)定义my.js,并在js里定义MyComponent,注意组件要以export default修饰  2)在项目启动js(index.android.js)里引入自定义js文件里的组件    import MyComponent from my.js(相对路径或者全路径)    在最后,
原创 2016-08-22 18:40:48
593阅读
react-native iOS接入极光推送开始之前首先需要进入你的项目目录,打开命令终端安装相应的包npm install jpush-react-native npm install jcore-react-native一、配置iOS的证书1. 创建App ID:苹果开发者网站(如已创建可跳到下一步)点击注册这是我们刚刚创建好的App ID2. 创建推送证书打开钥匙串:右上角钥匙串访问-&gt
转载 2023-11-28 14:48:54
155阅读
在 react native 中,我们所用的是react native 自带的api定位功能,无需引入第三方js。 react native 定位是通过Geolocation这个模块来实现的。想了解更多关于Geolocation的知识请点击下面 Geolocation自行了解,这里我们主要将他的几个方法。 static getCurrentPosition(geo_success, geo_er
转载 2024-07-08 16:29:45
97阅读
本插件是基于MobPushSDK功能的扩展,使用此插件能帮助您在使用React Native开发应用时,快速的集成、使用推送功能。集成准备在 ​​package.json​​ 文件中添加插件依赖// 依赖版本按插件实际版本填写"dependencies": { "react": "18.1.0", "react-native-mobpush": "version"
原创 2022-11-29 17:20:55
152阅读
前提:已安装配置好Java SDK,搭建好Androidstudio开发环境,安装配置好Node.js Java SDK: 1.8.0_31 AndroidStudio: 3.4 Node: v8.12.0 react-native-cli: 2.0.1 react-native: 0.50.4一、创建AndroidStudio项目 二、集成ReactNat
转载 2023-07-14 13:42:20
148阅读
react-window这篇是 react-window 的源码阅读, 因为此库使用的是 flow, 所以会涉及一些特殊的东西, 和 ts 类似使用List首先是 List 的使用:import {FixedSizeList as List} from 'react-window'; const Row = ({index, style}) => ( <div style={
转载 9月前
60阅读
1、<FlatList/> 2、钩子,父组件传值变化时候,在子组件触发 https://www.jianshu.com/p/986bcbcd02aa getDefaultProps:组件实例创建前调用,多个实例间共享引用。注意:如果父组件传递过来的Props和你在该函数中定义的Props的key一样
原创 2021-08-04 13:41:01
145阅读
# 如何在React Native中使用鸿蒙 ## 引言 React Native是一种用JavaScript构建移动应用程序的开发框架,而鸿蒙是一种新兴的操作系统。本文将介绍如何在React Native中使用鸿蒙。 ## 整体流程 下面是使用鸿蒙的整体流程,我们将使用表格展示每个步骤。 | 步骤 | 描述 | | --- | --- | | 步骤一 | 创建React Native项目
原创 2024-01-12 19:33:45
2822阅读
(文章目录) 一、序 目前主流的移动跨平台技术方案大体可以分为三类, 使用原生内置浏览器加载HTML5的Hybrid技术方案,采用此种方案的主要有Cordova、Ionic和小程序; 使用JavaScript语言进行开发,然后使用原生组件进行渲染,采用此方案的主要有React Native、Weex和轻快应用; 使用自带的渲染引擎和自带的原生组件来实现跨平台,采用此种方案的主要是Flutt
原创 精选 2023-11-01 09:12:14
247阅读
1点赞
1评论
一、背景说明俗话说的好,一个好的app应用,是要不停的告诉用户,我们还在维护,你可以放心的使用,放心的“充钱”,那该怎么告诉我们亲爱的用户的,那就是通过定期不定期的更新app。 说到这里,我们就该提出该如何实现这个更新和提示的功能了,总结来说,我这里已经实现过的有两种方案:1.设计专门的版本应用服务器,用来存储app的版本信息 2.通过专用接口,在app store或者google play中获取
转载 2023-09-06 18:53:48
110阅读
有时候App需要访问平台API,但React Native可能还没有相应的模块包装;或者你需要复用一些Java代码,而不是用Javascript重新实现一遍;又或者你需要实现某些高性能的、多线程的代码,譬如图片处理、数据库、或者各种高级扩展等等。 我们把React Native设计为可以在其基础上编写真正的原生代码,并且可以访问平台所有的能力。这是一个相对高级的特性,
转载 2024-07-24 06:00:27
65阅读
摘要:目前流行的两个智能手机操作系统 iOS 和 Android,各自为营,互不相通。一般情况下,开发一款APP需要两支队伍,分别针对 iOS 和 Android 平台进行开发。为了节约人力成本,有人就想到了跨平台开发解决方案。最近几年有多种跨平台开发方案相继出现,其中由 Facebook 推出的 React Native 框架是目前最完善、最受欢迎的一个。本文主要从 React Nat
转载 2023-06-26 15:18:42
136阅读
接触 react native 对于技术,我比较喜欢追新。看到报道大名鼎鼎的facebook(开源界的模范,发布了很多高质量的开源框架)开源了移动端跨平台的新框架react native,于是就迫不及待的开始接触它了。react native的目的是为了让前端开发任务能开发移动端(ios程序员相对于web端来说要少得多),于是就有了这样的框架。对于我们IOS程序员有没有必要去学它,看到它
转载 2023-11-07 16:25:18
75阅读
  • 1
  • 2
  • 3
  • 4
  • 5