React Native的组件ListView类似于iOS中的UITableView和UICollectionView,也就是说React Native的组件ListView既可以实现UITableView也可以实现UICollectionView。ListView的使用方法：1.首先创建一个ListView.DataSource数据源，然后向他传递一个普通的数据源数组。2.使用该数据源实例化一个
转载
2023-07-26 19:39:10
46阅读
React Native实现以下布局效果:携html5(http://m.ctrip.com/html5/) 基于HelloWord修改项目代码： 最终运行效果：
转载
2017-08-09 17:35:00
194阅读
2评论
在上一篇文章当中，我们学习了react-native-scrollable-tab-view的基本使用方式，包括基本Props的使用介绍等。我们知道官方为我们提供了两种基本的Tab控制器样式，DefaultTabBar和ScrollableTabBar。很多情况下，官方的样式并不能满足我们的需求（备注：官方的样式是文字+下划线的风格），那么此时就需要我们自己来实现特定的样式。 本文要实现这样的
转载
2023-09-18 18:37:20
64阅读
In this lesson we will use Animated.timing to animate the opacity and height of a View in our React Native application. This function has attributes t
转载
2016-12-18 21:35:00
183阅读
2评论
类似于苹果手机的弹出效果，动画很流畅，效果如图所示：http://www.jianshu.com/p/36ec413f7098
效果图
分析实现过程 1.设置应用到的组件状态this.state = {
isShow: false,
inputText: '',
opacityAnimationValue: new Animated.Value(0),
转载
2024-01-07 16:35:00
132阅读
windows 上搭建环境：
1.安装JDK(推荐将JDK的bin目录加入系统PATH环境变量，放在"系统变量"中的path)
2.安装android sdk ，既然都是搞android开发的，就直接用studio！
a.建议将platform-tools（就是adb.exe所在的目录 ）放在"系统变量"中的path ；以后方便使用ad
View 其实就是 UI 最基础的组件，跟我们 Android 中的 View 不同，它更像我们 Android 中的 LinearLayout，RN 中的 View 是一个支持 Flexbox 布局、样式、一些触摸处理和一些无障碍功能的容器，并且它可以放到其它的视图里，也可以有任意多个任意类型的子视图。
原创
2022-03-16 12:11:34
179阅读
官方为我们提供的Tab控制器有两种：TabBarIOS，仅适用于IOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab） 如果我们需要一个更通用的Tab控制器，那么就要借助开源的力量，本篇文章教你如何使用react-native-scrollable-tab-view，这是官方Demo的效果
demo.gif
转载
2024-02-02 22:19:52
93阅读
在这篇博文中，我将详细说明如何解决“React Native View 的加载流程”在 Android 平台上的问题。借助这个指南，读者将能够理解并优化 React Native View 的加载过程。
## 环境准备
在开始之前，确保您的开发环境符合以下软硬件要求。
### 软硬件要求
| 组件 | 要求 |
|:---------:|:-
View是React Native的基础构建元素，是该平台的抽象层，类似于IOS里面的UIView、Android里面的android.View、web里面的div。 View是用来修饰和布局它的子元素的。下面举例说明： import React, { Component } from 'react
原创
2022-05-17 09:27:33
314阅读
原文链接在React Native开发中，官方为我们提供的Tab控制器有两种：TabBarIOS和ViewPagerAndroid。TabBarIOS，仅适用于IOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）。在项目开发中，我们优先选择一些开源兼容性比较好的第三方库，例如，react-navigation，以及本文即将说到的re
转载
2017-05-26 14:48:17
1845阅读
1.创建组件 src/components/CustomTabBar/index.js 2.页面调用 src/pages/MainPage/index.js 3.效果图
转载
2018-08-28 22:36:00
223阅读
2评论
前言：这边主要是记录下，在react native中如何使用h5页面，以及h5页面发生点击，或者跳转到react native时，如何与react native进行通信。一、react native中的webview组件1、为什么要用webview页面。 我
转载
2024-10-05 15:32:42
43阅读
掌握了React Native的组件就可以使用IOS的原生组件和API。 一 View组件 就像开发web应用程序中，需要使用很多的HTML标签。例如 div，form。但是在基于DIV+CSS布局的web开发中，最为重要的元素就是 。 DIV是页面布局的基础，是作为容器元素存在的。在React N
原创
2021-06-04 16:44:06
513阅读
前言学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自简书，如果出现图片或页面显示问题，烦请转至 简书 查看 也希望喜欢的朋友可以点赞，谢谢JSX 和 组件 的概念React
转载
2024-06-24 17:28:29
55阅读
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评论
一、现象 1、需求：把某展示页面进行截取保存到相册、并可进行以海报的形式分享出去； 2、支持iOS和安卓 二、解决 1、安装： npm i --save react-native-view-shot 2、进行链接处理：react-native link react-native-view-shot ...
转载
2021-08-25 11:17:00
814阅读
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阅读
