文章目录React Native实战一、项目准备1.1 创建原始项目1.2 使用 react-navigation 搭建页面路由1.2.1 安装react-navigation相关依赖1.2.2 修改App文件1.2.3 项目启动报错二、项目开发2.1 登录页面2.1.1 背景图片实现2.1.2 透明状态栏2.1.3 手机dp单位与px单位的转化2.1.4 引入react-native-elem
转载
2023-11-13 19:39:51
247阅读
React Native 中文网 http://reactnative.cn/ 相关资料 React-Native学习指南 https://github.com/reactnativecn/react-native-guide 教程 React Native React.js ES6 系列教程 开源
原创
2021-07-20 14:36:01
387阅读
React Native for Web配置兼容性：React Native 0.55。“React Native for Web”使得可以使用React DOM在Web上运行React Native组件和API。查看在Web上运行的React Native示例的实时演示。高质量的Web界面：可以轻松地在JavaScript中创建fast，自适应的Web UI。它提供原生质量的交互，支持多种输入模
转载
2023-08-03 16:48:42
193阅读
# React Native iOS教程
## 简介
React Native是Facebook推出的一套用于构建跨平台移动应用的框架。它允许开发者使用JavaScript编写移动应用，并能够在iOS和Android平台上运行。本教程将重点介绍如何在React Native中开发iOS应用，包括项目初始化、UI组件使用、网络请求等内容。
## 准备工作
在开始之前，我们需要确保已经安装好以
原创
2023-09-18 06:08:05
178阅读
一.新建一个ReactNative 项目 步骤：1.进入终端使用终端命令：react-native init 项目名称 2.使用cd进入项目文件路径 3.运行reacnative 项目 终端命令：react-native run-ios 或者 在reacnative 项目中找到IOS文件夹，打开直接在xcode中运行。二.解决引入组建没有提示的问题 步骤：去github 上下载ReactNativ
转载
2023-11-29 12:34:43
55阅读
说在前面，本教程是建立在项目已经成功在模拟器上运行的基础上，如果你是还未配置好环境的新手，建议先从官网快速入门开始：官网英文版 、 中文版
ok, 切入正题，当你已经完成好环境配置，在模拟器上成功的运行了项目，看到了下图的效果，这时你的一定想，是时候去手机上装个逼了！找到官方的教程，开始一步步跟着来：修改URL地址：打开项目目录下的AppDelegate.m文件，修改里面的URL，把localho
转载
2023-05-22 14:49:20
299阅读
# React Native Android配置教程
欢迎来到React Native的世界！在本教程中，我将指导你完成React Native在Android上的配置过程。这个过程分为几个主要步骤。为了更清晰地展示整个流程，下面是一个步骤表。
| 步骤 | 描述 |
|------|-----------------------------
在本章中，我们将了解React Native中的导航。
步骤1 - 安装路由
首先，我们需要安装 Router 路由，我们将...
原创
2023-11-01 13:08:25
282阅读
React native提供了两种方法来帮助调试代码。
在App Developer菜单中
您可以通过按 command + D 在IOS模...
原创
2023-11-01 12:09:01
188阅读
您需要安装几件事来为React Native设置环境。我们将使用OSX作为构建平台。
步骤1 - 安装create-react-nat...
原创
2023-11-01 11:08:04
97阅读
如果您想在IOS模拟器中测试您的应用程序，则只需在终端中打开应用程序的根文件夹并运行-
react-native ru...
原创
2023-11-01 14:08:05
124阅读
在本章中，我们将向您展示如何在React Native中使用模式组件，现在让我们创建一个新文件: ModalExample.j...
原创
2023-11-01 15:08:34
145阅读
前言当前 React Native
虽说版本更新比较快，各种组件也提供的很全面了，但是在某些情况下，混合开发的方式才会快速缩短开发周期，原因无非就是原生平台的“底蕴”无疑更深，拥有众多且类型丰富的第三方支持库。很多情况下，运用这些库可以避免苦逼的重复劳动。接下来我们以
jpush-react-native 插件1为例来看看在 React Native 中如何使用原生的第三方库。开始在开始之前，
React Native技术在小米有品App中的应用
笔者khzliu同学，关注于大前端、跨端技术小米有品简介小米有品是小米旗下的一个开放的生活购物平台，小米有品App从最初的米家App内一个商城标签页经过两年的发展成为一个独立的商城应用。作为一个电商系统应用，小米有品App支撑了会场导购、营销活动、内容直播、商城交易和售后物流等业务的前端页面呈现与交互。因为电商的业务场景特点就是更新迭代速度快、
In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a
转载
2018-01-15 00:55:00
546阅读
2评论
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
Learn to install JavaScript modules that include native code. Some React Native modules include native code for Android and/or iOS in addition to Java
转载
2017-02-16 02:28:00
447阅读
2评论
1.文本内容必须写在<Text中，不能和Html中直接写在页面中。
转载
2016-10-16 14:04:00
337阅读
2评论
