前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移
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中,函数式组件是一种轻量级的组件类型,它通常用于简单的UI组件。 在函数式组件中实现双向绑定可以通过使用React Hooks中的useState和useEffect来实现。下面是一个详细的例子,演示如何在React函数式组件中实现双向绑定:import React, { useState, useEffect } from 'react'; function TextInput
转载 2024-05-30 11:45:43
99阅读
本插件是基于MobPushSDK功能的扩展,使用此插件能帮助您在使用React Native开发应用时,快速的集成、使用推送功能。集成准备在 ​​package.json​​ 文件中添加插件依赖// 依赖版本按插件实际版本填写"dependencies": { "react": "18.1.0", "react-native-mobpush": "version"
原创 2022-11-29 17:20:55
154阅读
前提:已安装配置好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-Native 中比较常用的存储方式:AsyncStorage及Realm。 AsyncStorage:官方使用的存储方式,类似于 iOS 中的 NSUserDefault ,区别在
原创 2023-11-14 08:46:11
213阅读
1点赞
1评论
在本教程中,我想向你展示如何使用 state 和 effect 钩子在React中获取数据。 你还将实现自定义的 hooks 来获取数据,可以在应用程序的任何位置重用,也可以作为独立节点包在npm上发布。如果你对 React 的新功能一无所知,可以查看 React hooks 的相关 api 介绍。如果你想查看完整的如何使用 React Hooks 获取数据的项目代码,可以查看 gi
转载 2024-08-08 22:28:51
58阅读
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需要访问平台API,但React Native可能还没有相应的模块包装;或者你需要复用一些Java代码,而不是用Javascript重新实现一遍;又或者你需要实现某些高性能的、多线程的代码,譬如图片处理、数据库、或者各种高级扩展等等。 我们把React Native设计为可以在其基础上编写真正的原生代码,并且可以访问平台所有的能力。这是一个相对高级的特性,
转载 2024-07-24 06:00:27
65阅读
一、背景说明俗话说的好,一个好的app应用,是要不停的告诉用户,我们还在维护,你可以放心的使用,放心的“充钱”,那该怎么告诉我们亲爱的用户的,那就是通过定期不定期的更新app。 说到这里,我们就该提出该如何实现这个更新和提示的功能了,总结来说,我这里已经实现过的有两种方案:1.设计专门的版本应用服务器,用来存储app的版本信息 2.通过专用接口,在app store或者google play中获取
转载 2023-09-06 18:53:48
110阅读
(文章目录) 一、前言 realm 是一款专为移动端开发的高性能数据库,其宣称是最快的 react-native 数据库。 realm 优点如下: 简单易用; 跨平台; 快速,性能优越; 提供高级功能。 realm 核心数据引擎使用 C++ 打造,并不是建立在 SQLite 之上的 ORM。因此性能就比普通的 ORM 要快很多,甚至比单独无封装的 SQLite 还要快。同时因为是ORM,本身在
原创 2023-11-13 08:51:20
209阅读
1点赞
1评论
(文章目录) 一、前言 在学习一门新语言,搭建完新项目时,有必要了解下项目结构。 HelloWorld |-- android |-- ios |-- node_modules |-- package.json |-- index.js |-- img |-- public |-- scene |-- libs android:Android原生工程目录; ios:IOS原生工程目录; pa
原创 2023-11-02 08:36:54
172阅读
1点赞
1评论
Navigator的基本使用Navigator 是什么?   一个导航组件    进入下一个界面,返回上一个界面    传递数
原创 2022-07-09 01:07:45
127阅读
# React Native与Android集成教程 ## 介绍 React Native是一种用于构建跨平台移动应用的框架,它允许开发者使用JavaScript来创建原生移动应用。与传统的混合开发框架相比,React Native能够直接操作原生组件,使得应用在性能和用户体验上更加接近原生应用。 本教程将教会你如何将React Native与Android集成,以便你可以开发出更加强大和灵活
原创 2023-11-29 08:50:37
61阅读
React-Native入门指南github:https://github.com/vczero/react-native-lession React-Native:用JavaScript开发你的原生应用,释放Native的UI体验,体验 Hybird开发效率。最近一个星期写的文章如下,链接是github page的,其实也可以在系列博客找到相应文章:Lession1: Hello Re
(文章目录) 一、前言 先带大家分析2张架构图,对RN大致的运行加载过程有个印象。 ReactNative系统框架图如下所示: 启动流程图如下所示: 在开始分析之前,先思考一个问题: 为什么ReactNative能像web端一样实现跨端和热更新,同时又有接近Native的性能呢? ReactNative 的本质是在 JS 端编写 React 代码,通过 JavaScriptCore 引擎
原创 精选 2023-11-03 08:47:00
447阅读
1点赞
1评论
  • 1
  • 2
  • 3
  • 4
  • 5