ReactNativeV0.53.3基础组件列表

2018年03月01日 APP 12条评论 阅读2018次

近期准备ReactNative组件库统一开发的工作,准备先把基础组件全都列出来,后续的组件都是再次基础上进行不同程度的叠加混合了。

以下是截止目前(20180301)ReactNative版本0.53.3,官方提供的所有跨平台基础组件。

  1. ActivityIndicator
  2. Button
  3. FlatList
  4. Image
  5. KeyboardAvoidingView
  6. ListView
  7. Modal
  8. Picker
  9. RefreshControl
  10. ScrollView
  11. SectionList
  12. Slider
  13. StatusBar
  14. Switch
  15. Text
  16. TextInput
  17. TouchableHighlight
  18. TouchableNativeFeedback
  19. TouchableOpacity
  20. TouchableWithoutFeedback
  21. View
  22. VirtualizedList
  23. WebView


除此之外,官方还提供了一些Android或iOS平台特有的组件(DatePickerIOS、DrawerLayoutAndroid、MaskedViewIOS、NavigatorIOS、PickerIOS、ProgressBarAndroid、ProgressViewIOS、SegmentedControlIOS、TabBarIOS、ToolbarAndroid、ViewPagerAndroid),因为目前APP开发过程中,Android和iOS都是使用同一套UI设计图,所以在组件库的开发中,这些平台特有的组件就不要使用了,也就被我在上面列表中忽略了。

另外惊喜地发现,官方竟然提供了Button组件,刚接触ReactNative时,还吐槽竟然连个基础的按钮组件都要自己定义,Facebook应该感受到了大家的呼声,加入了Button组件。好几个月的RN版本更新日志没有关注。。。



分享本文至:

WRITTEN BY

avatar
本文标签:ReactNative
看了本文是不是觉得很赞,那就赶紧点击下面按钮分享给身边的朋友吧!

12 条评论

  1. <a href="http://www.ventnorlife.com/nfl-nike-new-york-giants-54-olivier-vernon-ash-name-number-logo-pullover-hoodie-nflu">nfl nike new york giants 54 olivier vernon ash name number logo pullover hoodie</a> <a href="http://www.edenwins.com/adidas-protator-lz-wei%C3%9F-slime-kurpesb">adidas protator lz wei脽 slime</a> <a href="http://www.ourfamilywebs.com/nike-mercurial-vapor-vert-speed-schuhed">nike mercurial vapor vert speed</a> <a href="http://www.sfdawg.com/nike-flyknit-lunar-2-gr%C3%B8n-brun-schuheg">nike flyknit lunar 2 gr酶n brun</a> <a href="http://www.viagradc.com/nike-free-run-3.0-v6-rosa-wei%C3%9F-kurpesc">nike free run 3.0 v6 rosa wei脽</a> <a href="http://www.duranerdogan.com/air-jordan-retro-11-marr%C3%B3n-rojo-obuvg">air jordan retro 11 marr贸n rojo</a>
    vspeyedoctors http://www.vspeyedoctors.com/

  2. avatar coldlakeroof

    <a href="http://www.mndrsngh.com/indiana-pacers-gold-collection-pullover-hoodie-black-nflw">indiana pacers gold collection pullover hoodie black</a> <a href="http://www.myfunshirt.com/adidas-springblade-pro-lilla-himmelbl%C3%A5-schuheg">adidas springblade pro lilla himmelbl氓</a> <a href="http://www.pompaolipanas.com/huarache-ultra-noble-rosso-queen-scarpeg">huarache ultra noble rosso queen</a> <a href="http://www.tentalltales.com/air-jordan-13-retro-neutral-grigio-manual-kurpesf">air jordan 13 retro neutral grigio manual</a> <a href="http://www.advobrite.com/nike-air-flight-89-blanc-varsity-rouge-carpet-schuheg">nike air flight 89 blanc varsity rouge carpet</a> <a href="http://www.crystalgarza.com/nike-zoom-all-out-triple-svart-man-schuhec">nike zoom all out triple svart man</a>
    coldlakeroof http://www.coldlakeroof.com/

  3. avatar armyourmind

    <a href="http://www.thedirtytaco.com/nfl-david-johnson-womens-ash-31-arizona-cardinals-nike-backer-pullover-hoodie-nflx">nfl david johnson womens ash 31 arizona cardinals nike backer pullover hoodie</a> <a href="http://www.versalazer.com/air-jordan-eclipse-noir-vert-kurpesc">air jordan eclipse noir vert</a> <a href="http://www.aksumat.com/nike-womens-wesley-woodyard-navy-blue-backer-tennessee-titans-nfl-59-t-shirt-nflz">nike womens wesley woodyard navy blue backer tennessee titans nfl 59 t shirt</a> <a href="http://www.cletalover.com/nike-lunarglide-6-kvinners-s%C3%B8lv-himmelen-bl%C3%A5-obuve">nike lunarglide 6 kvinners s酶lv himmelen bl氓</a> <a href="http://www.minruteguide.com/nike-blazers-marinen-bl%C3%A5-and-hvit-scarped">nike blazers marinen bl氓 and hvit</a> <a href="http://www.mollenteam.com/air-max-90-infrarojo-lunar-kurpesb">air max 90 infrarojo lunar</a>
    armyourmind http://www.armyourmind.com/

  4. avatar gbhuren

    <a href="http://www.onpointresale.com/mens-nike-buffalo-bills-16-robert-foster-limited-olive-2017-salute-to-service-nfl-jersey-nflu">mens nike buffalo bills 16 robert foster limited olive 2017 salute to service nfl jersey</a> <a href="http://www.transgloball.com/adidas-zx-750-military-gr%C3%B8nn-kurpesb">adidas zx 750 military gr酶nn</a> <a href="http://www.verdantbi.com/kvinners-asics-gel-kinsei-5-s%C3%B8lv-gul-schuhec">kvinners asics gel kinsei 5 s酶lv gul</a> <a href="http://www.webgiganten.com/air-yeezy-2-blau-lila-schuheg">air yeezy 2 blau lila</a> <a href="http://www.akivlar.com/mennns-salomon-s-lab-fellcross-lilla-hvit-kurpesc">mennns salomon s lab fellcross lilla hvit</a> <a href="http://www.broadcastgg.com/air-jordan-retro-28-lila-jade-obuvg">air jordan retro 28 lila jade</a>
    gbhuren http://www.gbhuren.com/

  5. avatar dinerwaresb

    <a href="http://www.lauraundleon.com/nike-air-force-one-mid-07-black-white-runningf">nike air force one mid 07 black white</a> <a href="http://www.michaelphenow.com/zdeno-chara-33-boston-bruins-reebok-premier-alternate-jersey-small-nflv">zdeno chara 33 boston bruins reebok premier alternate jersey small</a> <a href="http://www.kguides.com/nike-hyperdunk-pink-shoes-trainersa">nike hyperdunk pink shoes</a> <a href="http://www.nvusforex.com/huarache-ultra-fl%C3%A5den-bl%C3%A5-paint-scarpec">huarache ultra fl氓den bl氓 paint</a> <a href="http://www.dinerwaresb.com/nike-roshe-run-sko-pattern-peach-hvit-kurpesc">nike roshe run sko pattern peach hvit</a> <a href="http://www.slipoverfx.com/ray-ban-rb2132-brown-gradient-on-antique-polarized-lens-sunglassesg">ray ban rb2132 brown gradient on antique polarized lens</a>
    dinerwaresb http://www.dinerwaresb.com/

  6. avatar wonjuvally

    <a href="http://www.myfraimz.com/kobe-5-grigio-wolf-gear-chaussuresa">kobe 5 grigio wolf gear</a> <a href="http://www.winnercells.com/limited-chris-johnson-jersey-arizona-cardinals-27-home-red-nfle">limited chris johnson jersey arizona cardinals 27 home red</a> <a href="http://www.atppest.com/white-blue-mens-air-jordan-2-shoes-runningg">white blue mens air jordan 2 shoes</a> <a href="http://www.windriftbar.com/35-authentic-grant-hill-detroit-pistons-jersey-mens-adidas-nba-purple-throwback-1995-all-nflv">35 authentic grant hill detroit pistons jersey mens adidas nba purple throwback 1995 all</a> <a href="http://www.kidtokidboise.com/adidas-superstar-1-chicago-bulls-trainersa">adidas superstar 1 chicago bulls</a> <a href="http://www.mesmertronic.com/nike-free-5.0-v2-gr%C3%BCn-grau-scarped">nike free 5.0 v2 gr眉n grau</a>
    wonjuvally http://www.wonjuvally.com/

  7. avatar bitcashgrams

    <a href="http://www.nohitteralert.com/air-jordan-melo-retro-trainersa">air jordan melo retro</a> <a href="http://www.dopeslimezz.com/canada-goose-lodge-jacket-sale-canadagooser">canada goose lodge jacket sale</a> <a href="http://www.waughjiujitsu.com/burberry-scarf-not-cashmere-2017-scarfe">burberry scarf not cashmere 2017</a> <a href="http://www.floraanafcheh.com/prada-messengers-coffee-black-pradab">prada messengers coffee black</a> <a href="http://www.talkofig.com/adidas-pure-boost-x-%C3%A1r-skor">adidas pure boost x 谩r</a> <a href="http://www.totesoftware.com/new-jimmy-choo-perfume-boots-louboutinr">new jimmy choo perfume boots</a>
    bitcashgrams http://www.bitcashgrams.com/

  8. avatar trenchwars

    <a href="http://www.pampaflowers.net/air-jordan-super-fly-iv-grau-schwarz-scarpec">air jordan super fly iv grau schwarz</a> <a href="http://www.paradiseawards.net/nike-air-max-thea-amarillo-and-negro-up-chaussurese">nike air max thea amarillo and negro up</a> <a href="http://www.patinaloft.net/dam%C3%A4nner-nike-shox-turbo-21-gold-gr%C3%BCn-butya">dam盲nner nike shox turbo 21 gold gr眉n</a> <a href="http://www.patricar.net/air-jordan-future-nero-and-bianca-for-vendita-schuhea">air jordan future nero and bianca for vendita</a> <a href="http://www.patrickmbutler.net/femminile-air-jordan-retro-10-gituttio-nero-schuheb">femminile air jordan retro 10 gituttio nero</a> <a href="http://www.pauloalopes.net/nike-air-presto-rojo-blanco-azul-jello-butyd">nike air presto rojo blanco azul jello</a>
    trenchwars http://www.trenchwars.net/

  9. avatar spiritriver

    <a href="http://www.tmhits.net/jordan-size-us14-us15-gul-butya">jordan size us14 us15 gul</a> <a href="http://www.trailspotters.net/air-jordan-30-plata-oro-schuheg">air jordan 30 plata oro</a> <a href="http://www.trenchwars.net/nike-free-run-5.0-v2-kvinders-lyser%C3%B8d-yarn-butyf">nike free run 5.0 v2 kvinders lyser酶d yarn</a> <a href="http://www.trionfodigalatea.net/nike-mercurialx-finale-rojo-oro-butya">nike mercurialx finale rojo oro</a> <a href="http://www.tunnelcity.net/lime-gr%C3%B8nn-nike-air-max-2014-obuvb">lime gr酶nn nike air max 2014</a> <a href="http://www.tvbkorea.net/salomon-speedcross-3-cs-in-esecuzione-scarpe-scarped">salomon speedcross 3 cs in esecuzione scarpe</a>
    [url=http://www.spiritriver.net/]spiritriver[/url]

  10. avatar tikihutkit

    <a href="http://www.haerinonghyup.com/game-d.j.-humphries-youth-jersey-arizona-cardinals-74-alternate-black-nfld">game d.j. humphries youth jersey arizona cardinals 74 alternate black</a> <a href="http://www.burkkinc.com/nike-roshe-run-speckle-mujeres-p%C3%BArpura-skoc">nike roshe run speckle mujeres p煤rpura</a> <a href="http://www.magicstockdz.com/burberry-scarf-europe-scarfr">burberry scarf europe</a> <a href="http://www.soldthekayway.com/cheap-nike-air-free-mens-grey-sneakerc">cheap nike air free mens grey</a> <a href="http://www.medsydobrasil.com/air-jordan-7-retro-numbered-shoese">air jordan 7 retro numbered</a> <a href="http://www.schokostueck.com/ray-ban-clubmaster-tortoise-51-sunglassesr">ray ban clubmaster tortoise 51</a>
    tikihutkit http://www.tikihutkit.com/

  11. avatar 网赚博客

    原来博主是程序开发猿

  12. avatar 付费阅读

    好好学习下

欢迎留言




用户登录

sitemap