没有合适的资源？快使用搜索试试~ 我知道了~

文库首页安全技术网络安全react-native 好用的第三方组件1

react-native 好用的第三方组件1

ios

react

native

需积分: 0 0 下载量 5 浏览量 2022-08-08 21:59:07 上传评论收藏 529KB DOCX 举报

温馨提示

试读

30页

1.iOS 表单处理控件 tcomb-form-nativetcomb-form-native 是 React Native 强大的表单处理控件，支持 JSON

资源详情

资源评论

资源推荐

1.iOS 表单处理控件 tcomb-form-native

tcomb-form-native 是 React Native 强大的表单处理控件，支持 JSON 模式，可插拔

的外观和感觉。

在线演示：http://react.rocks/example/tcomb-form-native

AnimatedFlatList

ReactNative-Art-Progress

2.摄像机视图 react-native-camera

react-native-camera 是 React Native 的摄像头 viewport。这个模块应用于开发的早

期阶段，它支持摄像头的转换和基本图片捕捉。

使用示例：

var React = require('react-native');

var {

AppRegistry,

StyleSheet,

Text,

View,

} = React;

var Camera = require('react-native-camera');

var cameraApp = React.createClass({

render: function() {

return (

<View>

<View>

<Camera

ref="cam"

aspect="Stretch"

orientation="PortraitUpsideDown"

style={{height: 200, width: 200}}

</View>

</TouchableHighlight>

</View>

);

_switchCamera: function() {

this.refs.cam.switch();

}

});

AppRegistry.registerComponent('cameraApp', () => cameraApp);

3.react-native-video

react-native-video 是 <Video>标签控件。

示例：

// Within your render function, assuming you have a file called

// "background.mp4" in your project

// Later on in your styles..

var styles = Stylesheet.create({

backgroundVideo: {

resizeMode: 'cover', // stretch and contain also supported

position: 'absolute',

top: 0,

left: 0,

bottom: 0,

right: 0,

});

4.导航控件 react-native-navbar

react-native-navbar 是用于 React Native 上简单的定制化导航栏。

示例代码：

var NavigationBar = require('react-native-navbar');

var ExampleProject = React.createClass({

renderScene: function(route, navigator) {

var Component = route.component;

var navBar = route.navigationBar;

if (navBar) {

navBar = React.addons.cloneWithProps(navBar, {navigator: navigator,

route: route

});

} return (<View style={styles.navigator}>

{navBar}<Component navigator={navigator} route={route} />

</View>

);

}, render: function() {return (<Navigator

style={styles.navigator}

renderScene={this.renderScene}

initialRoute={{

component: InitialView,

navigationBar: <NavigationBar title="Initial View"/>

}}

);

}

});

5.React Native 轮播控件 react-native-carousel

react-native-carousel 是一个简单的 React Native 轮播控件。

示例代码：

var Carousel = require('react-native-carousel');var ExampleProject =

React.createClass({

render() {

return (

<Carousel width={375} indicatorColor="#ffffff"

inactiveIndicatorColor="#999999">

</Carousel>

);

}

});

6.下拉刷新组件 react-native-refreshable-listview

react-native-refreshable-listview 是下拉刷新 ListView，当数据重载的时候显示加载提

示。

react-native-ultimate-listview

剩余29页未读，继续阅读

react-native-masonry：一个纯JS react-native组件，用于渲染图像的砖石布局，并支持动态列，渐进式图像加载，设备旋转，机上处理程序和标题说明

native组件，可为远程图像渲染砖石布局react-native-masonry具有以下特性和功能 :shortcake: ：动态列渲染渐进项加载设备旋转机上处理程序自定义标题和标题优化渲染大型列表支持第三方图像组件根据可用空间自动调整...

react-native-app-ui:使用react-native开发的电影APP，所有数据来自第三方电影网站实时数据，包含首页，电影，电视剧，我的，登录，个人中心，电影详情页，播放页，搜索，缓存，浏览记录，播放记录等功能和模块，功能齐全，持续更新中.....

使用react-native开发的电影APP，所有数据来自第三方电影网站实时数据，包含首页，电影，电视剧，我的，登录，个人中心，电影详情页，播放页，搜索，缓存，浏览记录，播放记录等功能和模块，功能齐全，持续更新中......

react-native-image-slider-box:一个简单且可完全自定义的React Native组件，它实现了Image Slider UI

用法：可用于自定义SliderBox的道具列表：道具值类型描述ImageComponent 图像组件，默认为Image 默认值为React-native Image，如果您使用像FastImage这样的第三方库，请使用此属性图片图片路径（或网址）的数组，...

ios-react native loading 组件.zip

一个用于react native 页面加载的loading组件,一次引入，全局使用. 项目地址:https://github.com/Itangjie/react-native-easy-loading-view demo使用：$ cd example $ npm install $ react-native

react-native 的自动输入文本组件

react-native-auto-typing-text 自动输入文本组件。演示安装 npm install --save react-native-auto-typing-text Usage import AutoTypingText from 'react-native-auto-typing-text'; { console.log('完成'); }} /> 属性属性类型描述文

react-native-slider:纯 JavaScript react-native 和 react-native-web 组件

@miblanchard/react-native-slider 用于 react-native 和 react-native-web 的<Slider>组件的纯 JavaScript 版本。这可以直接替换来自 react-native/@react-native-community 的 Slider 组件。非常欢迎想法和贡献。试一试。安装 yarn add @miblanchard/

写一个自己的react-native UI组件

传入一些属性后使用方法， npm i hongui -S 安装包后，导入包，导出HButton组件 import {HButton} from '../../components/HongUI/HongUI'; 属性： LinearGradientColor : 渐变的颜色，暂支持两个颜色，默认['#00FA9A','#0f0'] 实例：LinearGradientStart={[0,

react-native-aliyun-push:阿里云推送SDK的React Native包装器

更新了第三方辅助通道SDK至3.0.9 升级阿里云移动推送sdk android v3.1.6 更新Android buildTools版本至28.0.3 v1.0.18 更新了第三方辅助通道SDK至3.0.6，支持了OPPO v1.0.17 add AliyunPush.removeAllListeners() ...

react-native-hero：超级duper简易英雄单元react-native组件，支持动态图像，动态大小调整，颜色覆盖等

根据内容动态调整背景图像的大小，无需担心文本溢出在支持设备旋转的同时，按设备宽度确定全宽支持远程图像或本地图像静态定义的英雄身高支持具有不透明度选择的颜色叠加支持使用任何自定义的第三方图像组件基本...

rn-template:2021 新版 react native 模板工程

第三方UI组件库使 react-native-ui-library（该组件库是目前开源的最完善并保持更新的组件库）；状态管理使用简洁易用的 hox（只有一个 api 十分简单足以应对大部分开发场景）。完全采用 ts 语法，全部为函数式组件...

NativeBase：React Native的基本跨平台UI组件

使用NativeBase时，可以直接使用任何本机第三方库。微软推荐如果您想开始使用React Native + CodePush，并且正在寻找一个很棒的入门套件，则应该查看Native Starter Pro- 由推荐 NativeBase已添加到Awesome ...

ReactExtensionManager:React Native 组件的模块包管理器

React扩展管理器 (REM)介绍React Extension Manager（或 REM）是使用 npm 和 CocoaPods 构建的第三方 React Native 模块的包管理器。 REM 允许 React Native 的基础保持整洁且体积小，同时支持应用程序中并不总是...

react-native-cached-image：react-native的CachedImage组件

React本地缓存的图像用于本机的CachedImage组件这个软件包的灵感来自惊人的但是增加了一些功能，当我们尝试在我们的react-native应用程序中缓存图像时，我们会缺少这些功能。安装 npm install react-native-cached-image --save - or - yarn add react-native-cached-image 我们在此软件包中使用处理

react-native-redux-webpack-example:用react-native-web渲染的react-native组件的示例

像哺乳动物/ react-native-redux-webpack-example 易于复制的react-native-redux-webpack代码库示例，用于分发React组件。发展 npm run dev 运行示例 cd example/; npm run dev 打开以查看示例测验 npm test 执照用 :tangerine: （

react-native-calendar:ReactNative的日历组件

React本机日历 ReactNative的日历组件。它是无状态组件。安装 npm install --save react-native-calendar-component 道具 Struts 类型默认值日期日期新的Date（） onDateSelect 功能空值 onPrevButtonPress 功能空值 onNextButtonPress 功能空值 dayNa

react-native-maps-directions：“ react-native-maps”的Directions组件

react-native-maps-directions Directions组件–在两个坐标之间绘制路线，由Google Maps Directions API提供支持安装使用以下任一方法将react-native-maps-directions安装为依赖项 npm install react-native-maps-directions yarn add react-native-m

react-native-umshare:集成友盟统计、分享与第三方登录

集成友盟统计、分享与第三方登录分享功能：微信（支持小程序）、QQ、新浪微博登录功能：微信、QQ 为开源事业做一份绵薄之力，欢迎加入群：161263093 作者：zhangzy QQ：289459798 微信：zhangzy816 react-native 版本 > 0.6 效果准备工作到友盟平台申请账号微信开发平台申请 QQ开放平台申请新浪开放平台申请 Getting starte

react-native-swipe-gesture

不涉及任何dom操作，没有添加第三方模块，也没有附加本机模块，因此没有依赖关系问题。只需下载文件，然后将其复制并粘贴到您的项目中，就可以了。干杯:)用法步骤-1）下载文件并将其复制到您的项目中。步骤-2）...

react-native-app:生成的apk安装包app-latest.apk的包。android4.45.16.0的安装包运行平稳。不要小气

react-native-app ...第三方组件：等部分屏幕短裤树 myapp │ ├── android 安卓系统的信息 │ ├── ios ios系统的信息 │ ├── screenshorts 项目部分截图 ├── src 项目源代码

react-native-full-example：第一个完整的react-native项目。包括服务端和移动端两部分。服务端使用express + bootstrap进行构建，主要功能有登录，退出，模块选择，查看，修改，删除，分页等后台管理的基本功能；移动端主要用到组件查看，文本，图像，ScrollView，ListView等常用的组件，也使用了第三方的地图服务（高德地图），作为初学者。是一个很好的学习案例

React Native 开发指南_中文扫描完整版

9.4 探索第三方依赖 180 9.5 响应式设计与字体尺寸 180 9.6 小结及任务 183 第10章部署至iOS 应用商店 184 10.1 准备Xcode 工程 184 10.2 上传应用 192 10.3 使用TestFlight 进行Beta 测试 199 10.4 提交...

arty-charty：React Native插件，用于使用ART渲染图表

Arty Charty不依赖第三方库（例如D3）来生成图表。这样可以使库的大小保持较小（未压缩且未缩小的<80kb），并且可以针对速度优化图表生成功能。我们注意到ART库的一些问题，因此我们改用。安装 npm i --...

评论收藏

内容反馈

创业青年骁哥

粉丝: 16
资源: 341

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

react-native 好用的第三方组件1

评论0

最新资源

react-native 好用的第三方组件1

评论0

react-native-components：组件

react native 轮播组件

react-native 0.58 版本，运行 react-native run-ios 需要的第三方依赖包

react-native-showdown：React-native组件，将markdown呈现到Webview中！

react-native-side-menu封装组件

react-native-syan-image-picker：React-Native多图片选择支持裁剪压缩

react-native-masonry：一个纯JS react-native组件，用于渲染图像的砖石布局，并支持动态列，渐进式图像加载，设备旋转，机上处理程序和标题说明

react-native-image-slider-box:一个简单且可完全自定义的React Native组件，它实现了Image Slider UI

ios-react native loading 组件.zip

react-native 的自动输入文本组件

react-native-slider:纯 JavaScript react-native 和 react-native-web 组件

写一个自己的react-native UI组件

react-native-aliyun-push:阿里云推送SDK的React Native包装器

react-native-hero：超级duper简易英雄单元react-native组件，支持动态图像，动态大小调整，颜色覆盖等

rn-template:2021 新版 react native 模板工程

NativeBase：React Native的基本跨平台UI组件

ReactExtensionManager:React Native 组件的模块包管理器

react-native-cached-image：react-native的CachedImage组件

react-native-redux-webpack-example:用react-native-web渲染的react-native组件的示例

react-native-calendar:ReactNative的日历组件

react-native-maps-directions：“ react-native-maps”的Directions组件

react-native-umshare:集成友盟统计、分享与第三方登录

react-native-swipe-gesture

react-native-app:生成的apk安装包app-latest.apk的包。android4.45.16.0的安装包运行平稳。不要小气

React Native 开发指南_中文扫描完整版

arty-charty：React Native插件，用于使用ART渲染图表

最新资源