import React from 'react';import { Text, View,} from 'react-native';const App=()=>{ return ( <>
原创
2022-06-06 18:18:36
217阅读
reactnative纯Windows64环境搭建这篇文章是真对的windows64位操作系统来安装rn的环境的我们接下来开始吧：-1安装choco2安装git3安装nodejs python2 jdk4安装react native5安装镜像6安装Android studio 和sdk7配置Android home8创建新项目9调试真机10调试真机#
前言学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自简书，如果出现图片或页面显示问题，烦请转至 简书 查看 也希望喜欢的朋友可以点赞，谢谢Text 组件介绍在 React
import React from 'react';import { StyleSheet, Text, View,} from 'react-native';const App=()=>{ return ( <>
原创
2022-06-06 18:18:11
617阅读
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
496阅读
2评论
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
1、安装Java 2、安装SDK 这里需要注意设置环境变量ANDROID_HOME：Android SDK Manager的位置 例如：（ANDROID_HOME=> E:\Android\sdk）设置环境变量PATH：例如：（PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools） 3、设置SDK 4、安装node
您需要安装几件事来为React Native设置环境。我们将使用OSX作为构建平台。
步骤1 - 安装create-react-nat...
原创
2023-11-01 11:08:04
88阅读
import './polyfills';⬇️import { t } from './helpers/translate';// eslint-disable-next-line @typescript-e
原创
2023-02-14 09:29:29
304阅读
# 如何在React Native中设置iOS层级
在React Native中，我们有时需要对iOS应用的层级结构进行设置，以实现不同视图的堆叠、显示或隐藏等效果。本文将带你一步一步了解如何在React Native中设置iOS视图层级。
## 流程概述
为了实现这个功能，我们将按照如下步骤进行：
| 步骤 | 描述
# React Native Android 设置横屏指南
在移动应用开发中，有时候我们需要在特定的场景下将应用设置为横屏（Landscape）模式。本文将详细介绍如何在React Native中为Android设备设置横屏，并提供具体的代码示例和步骤说明。
## 整体流程
为了清晰地展示整个实现过程，我们将这个任务分为以下几个主要步骤：
| 步骤 | 描述
1.文本内容必须写在<Text中，不能和Html中直接写在页面中。
转载
2016-10-16 14:04:00
263阅读
2评论
有能力的可以看官网：Get Started with Windows · React Native for Windows + macOS 不是我乱吹，是真的很难用，环境搭建就非常难受，各种依赖报错，各种依赖调试，完全没有tauri来的舒服顺畅，甚至为了安装他这个环境我花了一上午时间，期间无数次想放弃，但是耐不住好奇心，就是想体验一下这个跨平台的性能，并且还把我原来的node环境搞坏了，
转载
2023-08-17 12:58:23
154阅读
2015年9月15日，Facebook发布了 React Native for Android，把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。什么是React NativeReact Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 Web，iOS 和 Android 平台的原生应用。Reac
文章目录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
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
400阅读
2评论
1.zIndex在Android上使用zIndex来控制组件的层级，会遇到元素不显示的问题。解决方案：
尽量改变组件的顺序，而不用zIndex
尽量不要使用zIndex来控制组件的层级，默认情况下，使用position: 'absolute'后，后面的元素会默认覆盖在前面的元素之上。所以删除zIndex，改变一下组件的顺序就OK啦。
issues: https://github.com/faceb
一、什么是 JSXJSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖，也是react.js的使用基础。React在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX。二、JSX 的基本使用 2.1 为什么使用 JSX 原因一：使用 React.createElement()
