react-native常用组件

制作本地库

https://github.com/frostney/react-native-create-library


日历

https://github.com/wix/react-native-calendars


按钮

https://github.com/APSL/react-native-button

https://github.com/ide/react-native-button


浏览器

https://github.com/lucasferreira/react-native-webview-android

https://github.com/reactnativecn/react-native-http-cache


动画库

https://github.com/Geek-ch/react-native-tabbar-animated

https://github.com/oblador/react-native-animatable

https://github.com/maxs15/react-native-spinkit

https://github.com/archriss/react-native-snap-carousel

https://github.com/alexbrillant/react-native-deck-swiper

https://github.com/jmurzy/react-native-foldview

https://github.com/App2Sales/react-native-switch-selector


弹出菜单

https://github.com/jeanregisser/react-native-popover

https://github.com/instea/react-native-popup-menu


双平台兼容的ActionSheet

https://github.com/beefe/react-native-actionsheet

https://github.com/djchie/react-native-star-rating


国际化

https://github.com/joshswan/react-native-globalize


设备信息

https://github.com/rebeccahughes/react-native-device-info


手势

https://github.com/kiddkai/react-native-gestures

https://github.com/johanneslumpe/react-native-gesture-recognizers


下拉选择

https://github.com/alinz/react-native-dropdown

https://github.com/sohobloo/react-native-modal-dropdown


应用轮播介绍

https://github.com/race604/react-native-viewpager

https://github.com/FuYaoDe/react-native-app-intro

https://github.com/appintheair/react-native-looped-carousel

https://github.com/leecade/react-native-swiper


模态视图

https://github.com/maxs15/react-native-modalbox

https://github.com/brentvatne/react-native-modal

https://github.com/bodyflex/react-native-simple-modal

https://github.com/naoufal/react-native-activity-view


滑动选项卡

https://github.com/skv-headless/react-native-scrollable-tab-view


毛玻璃效果

https://github.com/react-native-fellowship/react-native-blur

https://github.com/Geek-ch/react-native-tabbar-animated


抽屉效果

https://github.com/root-two/react-native-drawer


表单

https://github.com/FaridSafi/react-native-gifted-form


聊天

https://github.com/FaridSafi/react-native-gifted-chat


手风琴

https://reactnativecode.com/collapsible-animated-text-view/

https://github.com/oblador/react-native-collapsible

https://github.com/naoufal/react-native-accordion


图片

https://github.com/oblador/react-native-lightbox

https://github.com/DylanVann/react-native-fast-image


parallax效果

https://github.com/i6mi6/react-native-parallax-scroll-view

https://github.com/oblador/react-native-parallax


选择器

https://github.com/beefe/react-native-picker


启动闪屏

https://github.com/remobile/react-native-splashscreen

https://github.com/crazycodeboy/react-native-splash-screen


下拉刷新

https://github.com/syrusakbary/react-native-refresher/


搜索框

https://github.com/agiletechvn/react-native-search-box


列表占位

https://github.com/mfrachet/rn-placeholder


消息

https://github.com/KBLNY/react-native-message-bar

https://github.com/testshallpass/react-native-dropdownalert


跑马灯

https://github.com/remobile/react-native-marquee-label


二级菜单

https://github.com/vczero/react-native-tab-menu


统计分析

https://github.com/corymsmith/react-native-fabric


微信&QQ

https://github.com/yorkie/react-native-wechat

https://github.com/reactnativecn/react-native-qq


百度

https://github.com/lovebing/react-native-baidu-map


微博

https://github.com/reactnativecn/react-native-weibo


侧滑按钮

https://github.com/jemise111/react-native-swipe-list-view


图表

https://github.com/wuxudong/react-native-charts-wrapper

大列表

https://github.com/bolan9999/react-native-largelist



作者:科明哥_9f6a
链接:https://www.jianshu.com/p/f3fc23c76740
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native 中可以使用多种地图库来实现地图功能,最常用的是使用 react-native-maps 库。这个库是一个基于原生地图 SDK 的封装,可以在 Android 和 iOS 平台上创建交互式地图。 要使用 react-native-maps,首先需要在项目中安装该库。可以通过运行以下命令来安装: ``` npm install react-native-maps --save ``` 然后,需要在 Android 和 iOS 项目中进行一些配置。具体的配置步骤可以参考 react-native-maps 的官方文档。 一旦安装和配置完成,就可以在 React Native 代码中使用 react-native-maps 组件了。你可以创建一个地图视图,并在上面添加标记、绘制形状等。以下是一个简单的示例代码: ```jsx import React from 'react'; import { View } from 'react-native'; import MapView, { Marker } from 'react-native-maps'; const MyMap = () => { return ( <View style={{ flex: 1 }}> <MapView style={{ flex: 1 }} initialRegion={{ latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421, }} > <Marker coordinate={{ latitude: 37.78825, longitude: -122.4324, }} title="Marker Title" description="Marker Description" /> </MapView> </View> ); }; export default MyMap; ``` 这个例子创建了一个全屏的地图视图,并在其中添加了一个标记。你可以根据自己的需求来自定义地图的样式和添加更多的交互元素。 希望这个简单的示例能帮助到你!如果有更多问题,请继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值