React Native 页面调试工具 react-native-vdebug
原创
2023-10-31 10:46:40
79阅读
点赞
如何从主页跳转到详情页：在跳转中经常出现 undefined is not an object (evaluating 'this.props.nav
原创
2022-07-08 20:03:40
486阅读
yarn add react-native-vdebug import React from 'react' import { createNativeStackNavigator } from '@react-navigation/native-stack' import { getRouter
原创
2024-04-29 09:30:26
67阅读
# 在 React Native 中嵌入原生 iOS 页面
在开发移动应用时，使用 React Native 的框架提供了极大的便利，可以跨平台构建应用。然而，有时我们可能需要使用原生功能或现有的原生代码，比如 iOS 页面。在本文中，我们将探讨如何在 React Native 中嵌入原生 iOS 页面，并提供相应的代码示例。
## 目录
1. 什么是 React Native
2. 为什么
react-native 导航组件react-navigation详解
继续上篇文章 ，还是先看下上篇文章 react-navigation 的官方文档，没看也没有关系，请看下面我的唠叨我们 配置路由，话不多说，直接还是贴代码吧。1、 StackNavigator: 用于app界面窗口之间的切换2 、TabNavigator: 用于设置一个界面的不同tabs3、 DrawerNavigator:
转载
2024-03-11 20:54:21
50阅读
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评论
React Native组件解析(二)之View0.JSXReact的核心机制之一就是虚拟DOM：可以在内存中创建的虚拟DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能.JSX的语法如下return (
<View style={styles3.container}>
<Text> 当前屏幕的宽度：{Dimensions.get(
react-native 登录事件是onPress={this.login}如果写成onPress={this.login()}则回调函数失效！！！react-native state变量，只要有一个变化全局性重新渲染刷新！注意TextInput 输入框在监听state变量时一定要使用onTextChange={(username)=>setState({username})},只有这样th
原创
2016-11-19 16:42:44
806阅读
移动应用很少只包含一个页面。从你添加第二个页面开始，就得考虑如何管理多个页面间的跳转了。导航器正是为此而生。它可以也便于定制。 场景（Scene）
原创
2023-04-27 12:14:58
551阅读
作者 | 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阅读
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
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评论
2015年9月15日，Facebook发布了 React Native for Android，把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。什么是React NativeReact Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 Web，iOS 和 Android 平台的原生应用。Reac
转载
2023-12-21 19:38:26
122阅读
有能力的可以看官网：Get Started with Windows · React Native for Windows + macOS 不是我乱吹，是真的很难用，环境搭建就非常难受，各种依赖报错，各种依赖调试，完全没有tauri来的舒服顺畅，甚至为了安装他这个环境我花了一上午时间，期间无数次想放弃，但是耐不住好奇心，就是想体验一下这个跨平台的性能，并且还把我原来的node环境搞坏了，
转载
2023-08-17 12:58:23
196阅读
文章目录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阅读
文章目录1.配置环境i) 基础环境ii)安装react-nativeiii)确保在你的xcode中有Command Line Tools2.创建第一个app并且运行i)创建第一个appii)运行你的第一个appNo bundle URL present问题的处理iii)运行第一个程序“hello world”3. 安装React Navigation4. 安装Redux module2020年更
转载
2023-07-13 18:17:47
0阅读
1.zIndex在Android上使用zIndex来控制组件的层级，会遇到元素不显示的问题。解决方案：
尽量改变组件的顺序，而不用zIndex
尽量不要使用zIndex来控制组件的层级，默认情况下，使用position: 'absolute'后，后面的元素会默认覆盖在前面的元素之上。所以删除zIndex，改变一下组件的顺序就OK啦。
issues: https://github.com/faceb
转载
2024-08-29 12:17:26
128阅读
