react native 常用的第三方工具包

最新推荐文章于 2022-04-29 15:43:09 发布
最新推荐文章于 2022-04-29 15:43:09 发布
阅读量830 收藏 2
点赞数
分类专栏： react native 文章标签： react-native 三方库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/H_Ydd/article/details/77718589
版权
react native 常用的第三方工具包

引导页
1、
2、


页面导航
1、

2、

轮播图
1、

顶部Bar
1、

点击button
1、

侧滑出布局
1、
我想用点击事件来控制他的出现 而不是滑动 实在没办法 DrawerLayoutAndroid 这个组件如果能实现
panOpenMask: 0,





弹出框
1、
接口和AlertIOS比较类似，然后用一个 特定平台实现的utils/alert.android.js  封装一下，就可以到处用了
2、

刷新页面

列表滑动删除
1、

网络相关


地图


选择器
1、

时间选择器
1、
2、
3、


图片操作


图表


扫描二维码


实现rn和webview交互
1、


推送
1、友盟推送


热更新部署
1\


录音
1、

蓝牙

视频播放
1、


选择文件

弹出框设定
1、


获取联系人
H_Ydd
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-audio-toolkit：用于React Native的跨平台音频库
02-28
这是React Native的跨平台（Android和iOS）音频库。 支持音频播放和录制。 除了基本功能之外，还实现了许多有用的功能，例如通过网络搜索，循环播放和流式传输音频文件。 目录中包含一个如何使用此库的。 该演示展示了大多数可用功能，并在下提供了。 在最简单的情况下，播放媒体就像： new Player ( 'filename.mp4' ) . play ( ) ; 并将媒体类似地记录到filename.mp4 new Recorder ( ‘filename . mp4’ ) . record ( ) ; 如何使这些东西运行？ 要进行快速测试，请查看 在您的项目中 文献资料 在查找API文档 从各种播放的示例 有关注意事项 粗糙 查看 执照 所有MIT许可下许可JavaScript，Android和iOS代码，请参阅LICENSE文件。 其中一些文件来自React N
React-Native常用的几个基本类库
橙如说的博客
02-22 8050
Flex可视化在线工具 http://the-echoplex.net/flexyboxes/?fixed-height=on&legacy=on&display=flex&flex-direction=row&flex-wrap=nowrap&justify-content=flex-start&align-items=flex-start&align-content=stretch&orde
Native开发工具之应用开发编辑器&打包发布（一）
AndroidAlvin的博客
11-25 294
阿里P7移动互联网架构师进阶视频（每日更新中）免费学习请点击：https://space.bilibili.com/474380680 本篇文章将通过以下两部分内容介绍React Native开发工具 十大最受欢迎的 React Native 应用开发编辑器 ReactNative开发之打包发布 一、十大最受欢迎的 React Native 应用开发编辑器 市面上用于开发工作的...
【稀饭】react native 实战系列教程之完成首页
画虎烂的专栏
09-02 3560
首页功能前面，我们已经完成了影视信息组件的开发，接下来，我们要用该组件来完成首页界面功能的开发，如下图可以看到，首页顶部一个标题栏，下面是‘最新’、‘最热’两个选项卡。我们要完成的有标题栏、选项卡、以及选项卡切换的内容。标题栏这里的标题栏，我们使用的是ToolbarAndroid，看名称我们就知道这个是android下特有的组件view，所以就立马想到，这个组件是ios、android不能通用的。因
使用React Native构建免费的音乐站点
编程故事的地方
05-20 244
因此，您想使用React Native建立一个音乐站点。 由于某些技术限制，这不是一项普通的任务，但仍有可能。 选择的框架最适合移动应用程序，因此您可以获得两种甚至三种产品，而不是一种：音乐网站以及适用于iOS和Android的移动应用程序。 听起来不错吧？ 问题是如何开发这样的解决方案，我们将在本指南中回答。 首先，让我们同意不涉及复杂的技术问题。 您不会在此处找到代码段。 相反，您可以...
王学岗ReactNative开发6——项目实战二之个人中心与引导页面与我的页面与闪屏页面跳转到主页面
qczg_wxg的博客
04-07 488
第一：我们看下个人中心页面 这是mine.js /** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow * @lint-ignore-every XPLATJSCOPYRIGHT1 */ import React, {Component} from 'r...
React Native 学习(三)---个人中心
WiFi_Uncle的专栏
12-06 679
图标地址: 链接：https://pan.baidu.com/s/1jI1mHk6 密码：je3j//偷个懒，图标都是阿里素材直接下的，懒得改(当然，自己写着demo，简单易懂就好，工程上还是得好好命名) /** * Created By WiFi ON 2017/12/5 16:46 */ import React, { Component } from 'react'; import {
React Native商城项目实战11 - 个人中心头部内容
08-24 2994
1.创建MineHeaderView.js/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text,
017：RN音频播放
黄孝果的博客
04-22 554
导入 yarn add react-native-sound yarn add @react-native-community/slider 工具类sound.ts import Sound from 'react-native-sound' // 在静音模式下启用播放 Sound.setCategory('Playback'); let sound: Sound; const initPlayer = (filepath: string) => { return new ..
Native开发工具之CPU 和架构（三）
Android_1314的博客
04-29 443
其中，<abi> 是[支持的 ABI](() 下列出的 ABI 名称之一，<name> 是您为 [Android.mk](() 文件中的 LOCAL_MODULE 变量定义库时使用的库名称。由于 APK 文件只是 zip 文件，因此打开它们并确认共享原生库位于该位于的位置很简单。 如果系统在预期位置找不到原生共享库，便无法使用它们。在这种情况下，应用本身必须复制这些库，然后执行 dlopen()。 在胖 APK 中，每个库位于名称与相应 ABI 匹配的目录下。例如，胖 APK 可能包
react-native-elements：跨平台React Native UI工具包
01-30
作为一个跨平台的UI工具包，您现在可以在Web上使用RNE并在React Native + React Web应用程序之间共享代码库。 RNE组件可以在浏览器上完美呈现。 您可以通过将RNE和协作来实现针对iOS，Android和Web的目标。 单击，...
react-native-auth0：用于Auth0 API的React Native工具包
02-05
react-native-auth0 用于Auth0 API的React Native工具包，符合目录文献资料显示了如何从头开始运行iOS或Android应用程序。 您可以尝试使用完整，运行的iOS和Android应用程序。 以下“部分介绍了基本身份验证之外的...
react-native-performance：监视和衡量React Native性能
02-05
React Native Performance工具用于在开发，管道和生产中测量和监视React Native应用性能的工具链。配套 用于React Native的实现。 与React.Profiler API很好地集成跟踪应用程序中的任意事件，例如组件渲染时间捕获...
reactnative自动化打包工具
08-11
react native 自动化打包工具
ReactVirgin一套reactnativeUI工具包
08-10
React-Virgin 一套react-native UI工具包
react native Text实现限制行数不显示省略号，尾部直接截断
热门推荐
H_Ydd的博客
08-11 1万+
react native Text实现限制行数不显示省略号，尾部直接截断。直接在下一行加省号。  效果如图：    //超过三行就在底部加上省略号 用传统的方法只能实现在尾部加省略号，不过现在新版的RN，ellipsizeMode 属性配上 numberOfLines属性 也能实现这样的效果。不过对于老版的RN就无能为力了。刚好用的老版RN又要实现这样的效果就查资料然后想了想，然后就实现了
React Native实现图片文本混合显示
H_Ydd的博客
08-21 4794
React Native实现图片文本混合显示。 效果如下: ![这里写图片描述](http://img.blog.csdn.net/20170821153810852?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSF9ZZGQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve
react native 添加启动页并解决启动白屏问题
H_Ydd的博客
08-31 3962
react native 添加启动页       一般实现方式有3种：           1，使用RN开源组件；           2，原生代码编写；          3，模拟启动页，这种方法基本就是replace路由栈： https://git.oschina.net/LC_github_io/MyReduxDemo 我们之所以设置启动页，很大一部分原因是在启动页显示的
react native Image全屏显示
H_Ydd的博客
08-17 3093
react native Image全屏显示：               source={require('../../mine/imgs/SH.png')}    //静态图片路径           style={[styles.page]}    /> page: {                width: deviceWidth,    //设备宽(只是一种实现，
哪里有react native 在线调试工具
最新发布
06-10
有几个比较常用的 React Native 在线调试工具： 1. Snack Expo：可以在线编写、运行 React Native 应用，支持实时预览、调试和分享。 2. CodeSandbox：支持在线编写 React Native 代码，可以实时预览和调试。 3. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值