expo diagnostics 查看环境的版本与诊断 一 、 基本程序:import React, { Component } from 'react'; import { Text } from 'react-native'; export default class HelloWorldApp extends Component { ren
转载 2023-12-27 18:00:47
60阅读
以下均为近期学习React Native的个人心得,并不完善,欢迎园友拍砖。React Native是什么?React Native是一个框架,一个中间层,通过这套框架我们可以完成IOS和Android的开发。为什么选择React Native?选择React Native是因为它确实能够解决我们的问题。比较重要的两个特性:1.跨平台效率高。通过js可以同时编写IOS和Android。2.动态加载
转载 2024-01-04 13:41:30
63阅读
       react已经用了半年多了,年后有时间想探究一下奇妙的react-native,还别说确实刁,具体哪里刁后面会补充,因为搭建教程,以及入门教程没来得及写,这里先来写一些基础知识的心得。      为什么react用了半年了这会才来补基础知识,其实大部分知识是知道的,只是因为之前有些问题一直有疑惑,这次看着书籍一点点
如果你正准备从头开始制作一个新的应用,那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程,React Native也同样不在话下。只需简单几步,你就可以给原有应用加上新的基于React Native的特性、画面和视图等。把React Native组件植入到iOS应用中有如下几个主要步骤:首先当然要了解你要植入的React Native组件。创建
转载 2023-10-16 19:07:58
163阅读
正文概述:开发RN的工具有很多,选择性也比较多,比如Facebook专门为React开发的IDE:Nuclide,还有做前端比较熟悉的WebStorm、Sublime Text 3、VS Code等。面对这些IDE我们应该怎么选择的呢? 不推荐的工具:Top1:Nuclide虽然是Facebook专门为React开发的,但依托于Atom的Nuclide真是慢的出奇,性能低到无法让人忍受。
转载 2024-08-25 15:37:04
16阅读
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评论
作者 | 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阅读
React Native简介:React-Native 是由Facebook出品的一款可以使用JavaScript来编写原生app的框架,官方说明是:A framework for building native app with React(一个使用React来编写原生app的框架),然而这个React也是由该公司出品的一款可以用来编写用户界面的JS库。二者的出现,以其强大的功能和便捷的使用方式
转载 2024-02-06 20:43:23
111阅读
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评论
下载开源项目首先需要找到开源项目 ,比如下面这个.地址: https://github.com/Bob1993/react-native-gank进入github, clone到本地或者直接download到本地。按照之前运行自己项目的经验,我们会直接在控制台进入项目目录,然后输入react-native run-ios 或者react-native run-android
1.文本内容必须写在<Text中,不能和Html中直接写在页面中。
转载 2016-10-16 14:04:00
337阅读
2评论
React Native 
转载 2023-02-07 17:29:30
198阅读
React Native RN  React Native​ ## React Native 中文文档> 0.59https://reactnative.cn/docs/    
转载 2016-08-18 22:35:00
263阅读
React Native尽量阅读官网文档,会有翻译错误和文档内容缺失 android开发react native组件和工具动画Animation/react native写的 开源项目学习
转载 2019-11-28 23:39:00
238阅读
2评论
文章目录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阅读
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阅读
1.zIndex在Android上使用zIndex来控制组件的层级,会遇到元素不显示的问题。解决方案: 尽量改变组件的顺序,而不用zIndex 尽量不要使用zIndex来控制组件的层级,默认情况下,使用position: 'absolute'后,后面的元素会默认覆盖在前面的元素之上。所以删除zIndex,改变一下组件的顺序就OK啦。 issues: https://github.com/faceb
转载 2024-08-29 12:17:26
128阅读
  • 1
  • 2
  • 3
  • 4
  • 5