TextInput 是一个允许用户输入文本的基础组件。它有一个 onChangeText 的属性，该属性接受一个函数，每当文本输入发生变化时，此函数就会被调用。它还有一个 onSubmitEditing 的属性，当文本输入完被提交的时候调用。
原创
2022-03-16 12:22:10
213阅读
TextInput是一个允许用户输入文本的基础组件。它有一个名为onChangeText的属性，此属性接受一个函数， 而此函数会在文本变化时被调用。另外还有一个名为onSubmitEditing的属性， 会在文本被提交后（用户按下软键盘上的提交键）调用。 假如我们要实现当用户输入时，实时将其以单词为
转载
2019-04-02 14:26:00
179阅读
2评论
In React, components manage their own state. In this lesson, we'll walk through building a component which manages it's own state as well as using Tex
转载
2016-07-24 02:19:00
120阅读
2评论
今天我们讲解的是React Native基础系列之TextInput的讲解，如果想学习更多的开发知识或者移动开发文章，欢迎大家关注我的微信公众号：非著名程序员（smart_android）。TextInput 是一个允许用户输入文本的基础组件。它有一个onChangeText的属性，该属性接受一个函数，每当文本输入发生变化时，此函数就会被调用。它还有一个onSubmitEditing的属性，当文本
原创
2021-05-21 15:14:07
540阅读
react native, typescript,通过useRef获取textinput的值
原创
2023-04-23 19:02:31
846阅读
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
有能力的可以看官网：Get Started with Windows · React Native for Windows + macOS 不是我乱吹，是真的很难用，环境搭建就非常难受，各种依赖报错，各种依赖调试，完全没有tauri来的舒服顺畅，甚至为了安装他这个环境我花了一上午时间，期间无数次想放弃，但是耐不住好奇心，就是想体验一下这个跨平台的性能，并且还把我原来的node环境搞坏了，
转载
2023-08-17 12:58:23
196阅读
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阅读
# Android React Native：快速开发跨平台移动应用的利器
在移动应用开发的世界中，React Native由于其跨平台的特性越来越受到开发者和企业的欢迎。无论是初创团队还是大型企业，都在寻找能够快速推出高质量移动应用的方法，而React Native正是满足这一需求的优秀解决方案。本文将深入探讨React Native，以及在Android平台上的使用，并通过代码示例和可视化图
原创
2024-10-10 04:17:23
27阅读
# React Native Android的实现流程
## 1. 准备工作
在开始实现React Native Android之前，需要进行一些准备工作。首先，需要确保你的开发环境已经搭建好并且已经安装了以下软件：
- Node.js：用于运行JavaScript代码的平台
- Java Development Kit (JDK)：用于开发和编译Java代码
- Android Studio
原创
2023-12-01 06:36:35
44阅读
#React Native windows 环境配置java 开发环境创建 Android studio 下载安装 Android Studio首先下载和安装 Android Studio，国内用户可能无法打开官方链接，请自行使用搜索引擎搜索可用的下载链接。安装界面中选择"Custom"选项，确保选中了以下几项：Android SDK Android SDK Platform Performanc
转载
2024-05-31 11:44:00
87阅读
1. 与web端区别css使用驼峰式写法。而且写法和web端有些差异，比如移动端padding属性不能四个方向一起写，只能定义一个方向paddingLeft、或者水平方向paddingHorizontal、垂直方向paddingVertical。移动端只能使用flex弹性布局，和web端水平垂直方向刚好相反，所以水平方向使用alignItems属性。单位不能是px。只能是pt，默认不写单位只写数字
转载
2024-02-29 23:34:49
159阅读
1.3 搭建React Native开发环境 “磨刀不误砍柴工”，在正式开发React Native应用之前，需要先搭建好React Native的开发环境。搭建React Native开发环境有以下几个主要步骤。原生开发工具：iOS开发使用Xcode，Android开发使用Android Studio and SDK Tools。Node.js（https://nodejs.org/）：Rea
转载
2024-07-22 11:32:02
93阅读
用ReactNative搭建一个安卓APP读者须知：本文面向有稍微有基础的前后端开发者，阅读之前需要保证你有【基础的命令行知识】【基础前端知识】。如果你只是想了解大概流程，也可以看下。 目标：window上搭建android应用 依据： 本文主要参考根据react native官方文档，来配置搭建环境。1. 搭建开发环境参考官方文档 安装所有的必需软件 模拟器装的夜神模拟器，没有用官方的。 注意【
转载
2023-10-13 19:25:50
334阅读
前言正如我上一篇博客当中提到的，现在绝大部分的ReactNative应用均是采用融合到已有项目中的方式，把项目中的某一个模块使用ReactNative来开发，所以有必要弄清楚ReactNative是如何融合到已有项目的。一、新建一个Android项目 注意Minimum SDk选择API16以上 二、添加JS打开studio的Terminal窗口，输入如下命令：npm init会让你输入一些初始化
转载
2023-12-17 08:28:21
109阅读
1. RN 基本介绍本小节主要包含以下知识点：什么是 RNRN 特点谁在使用 RN什么是 RNRN 英文全称 ReactNative，是 Facebook 于 2015 年 4 月开源的跨平台移动应用开发框架，也是 Facebook 早先所
转载
2023-07-26 19:45:07
227阅读
开发一款产品，通常来说你需要做三件事情：搭建开发环境 -> 写代码 + 调试 -> 打包发布。预览目录搭建开发环境按照react-native中文网-文档-搭建开发环境，选择需要的环境开始搭建。配置开发环境需跳跃出那一道鸿沟，你懂得！推荐lantern。增加SDK Tools (android)增加NDK (android)建议手动下载：Windows：Mac:Android Stud
使用react native的好处是：使用React Native能够以经济高效的方式构建和维护跨平台的app，可以减少质量保证的费用；而一个跨平台APP，可以同时定位iOS和Android受众市场，可有更广泛的受众群体，具有更大的影响力。React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移
转载
2023-07-13 18:23:15
124阅读
英文文档：Setting up the development environment · React Native中文文档：集成到现有原生应用 · React Native 中文网ios在集成过程中，需要修改package.json 和 Podfile，按文档中的内容，如果pod install过不了的话，可以参考https://github.com/facebook/react-native/
转载
2024-05-15 13:54:24
84阅读
用React Native开发好APP之后，如何将APP发布到市场以供用户使用呢？不管是Android还是iOS等原生app走的都是：签名打包—>发布到各store这两大步骤。本文将对Android和ios两大平台打包过程做一个简单的介绍。Android平台打包 在Android原生的app开发打包过程中，主要有两种发布方式：一种是借助于命令行操作，另外一种是借助于Android Stud
转载
2023-10-14 23:15:41
134阅读
