React Native的组件ListView类似于iOS中的UITableView和UICollectionView,也就是说React Native的组件ListView既可以实现UITableView也可以实现UICollectionView。ListView的使用方法：1.首先创建一个ListView.DataSource数据源，然后向他传递一个普通的数据源数组。2.使用该数据源实例化一个
转载
2023-07-26 19:39:10
37阅读
React Native实现以下布局效果:携html5(http://m.ctrip.com/html5/) 基于HelloWord修改项目代码： 最终运行效果：
转载
2017-08-09 17:35:00
151阅读
2评论
React Native 是一个由 Facebook 开发的开源框架，它可以用于开发跨平台移动应用程序。
React Native 的基础是React， 是在 web 端非常流行的开源 UI 框架。要想掌握 React Native，先了解 React 框架本身是非常有帮助的。一、什么是React Native1.1 React Native带来的惊喜R
在上一篇文章当中，我们学习了react-native-scrollable-tab-view的基本使用方式，包括基本Props的使用介绍等。我们知道官方为我们提供了两种基本的Tab控制器样式，DefaultTabBar和ScrollableTabBar。很多情况下，官方的样式并不能满足我们的需求（备注：官方的样式是文字+下划线的风格），那么此时就需要我们自己来实现特定的样式。 本文要实现这样的
转载
2023-09-18 18:37:20
43阅读
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
168阅读
2评论
类似于苹果手机的弹出效果，动画很流畅，效果如图所示：http://www.jianshu.com/p/36ec413f7098
效果图
分析实现过程 1.设置应用到的组件状态this.state = {
isShow: false,
inputText: '',
opacityAnimationValue: new Animated.Value(0),
View 其实就是 UI 最基础的组件，跟我们 Android 中的 View 不同，它更像我们 Android 中的 LinearLayout，RN 中的 View 是一个支持 Flexbox 布局、样式、一些触摸处理和一些无障碍功能的容器，并且它可以放到其它的视图里，也可以有任意多个任意类型的子视图。
原创
2022-03-16 12:11:34
163阅读
官方为我们提供的Tab控制器有两种：TabBarIOS，仅适用于IOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab） 如果我们需要一个更通用的Tab控制器，那么就要借助开源的力量，本篇文章教你如何使用react-native-scrollable-tab-view，这是官方Demo的效果
demo.gif
View是React Native的基础构建元素，是该平台的抽象层，类似于IOS里面的UIView、Android里面的android.View、web里面的div。 View是用来修饰和布局它的子元素的。下面举例说明： import React, { Component } from 'react
原创
2022-05-17 09:27:33
223阅读
原文链接在React Native开发中，官方为我们提供的Tab控制器有两种：TabBarIOS和ViewPagerAndroid。TabBarIOS，仅适用于IOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）。在项目开发中，我们优先选择一些开源兼容性比较好的第三方库，例如，react-navigation，以及本文即将说到的re
转载
2017-05-26 14:48:17
1789阅读
掌握了React Native的组件就可以使用IOS的原生组件和API。 一 View组件 就像开发web应用程序中，需要使用很多的HTML标签。例如 div，form。但是在基于DIV+CSS布局的web开发中，最为重要的元素就是 。 DIV是页面布局的基础，是作为容器元素存在的。在React N
原创
2021-06-04 16:44:06
474阅读
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评论
封装antd table所用依赖antd5、@ant-design/icons、react18实现代码table组件import { Table } from "antd"
import { TableProps, MenuDataType } from "@/types"
import ToolsCom from "../tools"
import React, { useState, useC
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 在内
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
1.创建组件 src/components/CustomTabBar/index.js 2.页面调用 src/pages/MainPage/index.js 3.效果图
转载
2018-08-28 22:36:00
187阅读
2评论
前言：这边主要是记录下，在react native中如何使用h5页面，以及h5页面发生点击，或者跳转到react native时，如何与react native进行通信。一、react native中的webview组件1、为什么要用webview页面。 我
前言学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自简书，如果出现图片或页面显示问题，烦请转至 简书 查看 也希望喜欢的朋友可以点赞，谢谢JSX 和 组件 的概念React
一、现象 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
680阅读
2评论
