taro-playground
The Taro Playground App is a cross-platform application developed using Taro, to help developers develop and debug Taro applications.
File Explorer
Download Latest Version (.zip)- import-certificate.sh
- import-profile.sh
- assemble_android_debug.yml
- assemble_android_release.yml
- assemble_ios_debug.yml
- assemble_ios_release.yml
- assemble_weapp_release.yml
- assemble_web_release.yml
- commit-msg
- AndroidManifest.xml
- Outfit-Black.ttf
- Outfit-Bold.ttf
- Outfit-ExtraBold.ttf
- Outfit-ExtraLight.ttf
- Outfit-Light.ttf
- Outfit-Medium.ttf
- Outfit-Regular.ttf
- Outfit-SemiBold.ttf
- Outfit-Thin.ttf
- Outfit-VariableFont_wght.ttf
- DevManagerPackage.kt
- RNDevManagerModule.kt
- SourceCodeModule.kt
- TaroDevManager.kt
- TaroReactNativeHost.kt
- MainActivity.kt
- MainApplication.kt
- rn_edit_text_material.xml
- launch_screen.xml
- ic_launcher.png
- ic_launcher.png
- ic_launcher.png
- ic_launcher.png
- ic_launcher.png
- ic_launcher_round.png
- launch_screen_img.jpg
- ic_launcher.png
- ic_launcher_round.png
- strings.xml
- styles.xml
- playstore-icon.png
- AndroidManifest.xml
- build.gradle
- debug.keystore
- default.keystore
- proguard-rules.pro
- release.keystore
- Appfile
- Fastfile
- Pluginfile
- gradle-wrapper.jar
- gradle-wrapper.properties
- build.gradle
- Gemfile
- Gemfile.lock
- gradle.properties
- gradlew
- gradlew.bat
- settings.gradle
- OFL.txt
- Outfit-Black.ttf
- Outfit-Bold.ttf
- Outfit-ExtraBold.ttf
- Outfit-ExtraLight.ttf
- Outfit-Light.ttf
- Outfit-Medium.ttf
- Outfit-Regular.ttf
- Outfit-SemiBold.ttf
- Outfit-Thin.ttf
- Outfit-VariableFont_wght.ttf
- README.txt
- update_version.sh
- dev.js
- index.js
- prod.js
- Appfile
- Fastfile
- README.md
- Contents.json
- icon-1024.png
- icon-20-ipad.png
- icon-20@2x-ipad.png
- icon-20@2x.png
- icon-20@3x.png
- icon-29-ipad.png
- icon-29.png
- icon-29@2x-ipad.png
- icon-29@2x.png
- icon-29@3x.png
- icon-40.png
- icon-40@2x-1.png
- icon-40@2x.png
- icon-40@3x.png
- icon-50.png
- icon-50@2x.png
- icon-57.png
- icon-57@2x.png
- icon-60@2x.png
- icon-60@3x.png
- icon-72.png
- icon-72@2x.png
- icon-76.png
- icon-76@2x.png
- icon-83.5@2x.png
- Contents.json
- icon@2x.png
- icon@3x.png
- Contents.json
- AppDelegate.h
- AppDelegate.mm
- Info.plist
- LaunchScreen.storyboard
- main.m
- PrivacyInfo.xcprivacy
- IDEWorkspaceChecks.plist
- contents.xcworkspacedata
- taroDemo.xcscheme
- project.pbxproj
- IDEWorkspaceChecks.plist
- contents.xcworkspacedata
- Info.plist
- taroDemoTests.m
- .xcode.env
- Podfile
- Podfile.lock
- RNDevManager.h
- RNDevManager.m
- .gitkeep
- LICENSE-echarts-examples
- LICENSE-IconPark
- LICENSE-react-native-bundle-loader
- @tarojs+rn-transformer+4.0.7-canary.3.patch
- h5.png
- rn.png
- taro_logo.jpg
- wapp.png
- add-text-two.png
- aiming.png
- api.png
- app-store.png
- cloud-storage.png
- components.png
- components_selected.png
- cycle-arrow.png
- cycle.png
- cycle_selected.png
- data-server.png
- devices.png
- font-size.png
- github.png
- info.png
- iphone.png
- list-view.png
- loading.png
- local.png
- more.png
- navigation.png
- painted-eggshell.png
- painted-eggshell_selected.png
- painted-screen.png
- play-two.png
- press.png
- right.png
- ring.png
- ring_selected.png
- scan-code.png
- system.png
- system_selected.png
- user.png
- user_selected.png
- waterfalls-h.png
- dep.config.ts
- dep.scss
- dep.tsx
- index.config.ts
- index.scss
- index.tsx
- mini.config.ts
- mini.scss
- mini.tsx
- rn.config.ts
- rn.scss
- rn.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- head.scss
- head.tsx
- insignia.scss
- insignia.tsx
- index.rn.tsx
- index.tsx
- list.scss
- list.tsx
- index.scss
- index.tsx
- navigationBarApis.scss
- navigationBarApis.tsx
- audio.config.ts
- audio.scss
- audio.tsx
- button.config.ts
- button.scss
- button.tsx
- camera.config.ts
- camera.scss
- camera.tsx
- canvas.config.ts
- canvas.scss
- canvas.tsx
- checkbox.config.ts
- checkbox.scss
- checkbox.tsx
- form.config.ts
- form.scss
- form.tsx
- icon.config.ts
- icon.scss
- icon.tsx
- image.config.ts
- image.scss
- image.tsx
- input.config.ts
- input.scss
- input.tsx
- label.config.ts
- label.scss
- label.tsx
- map.config.ts
- map.scss
- map.tsx
- movable-view.config.ts
- movable-view.scss
- movable-view.tsx
- navigator.config.ts
- navigator.scss
- navigator.tsx
- page-container.config.ts
- page-container.scss
- page-container.tsx
- picker.config.ts
- picker.scss
- picker.tsx
- picker-view.config.ts
- picker-view.scss
- picker-view.tsx
- progress.config.ts
- progress.scss
- progress.tsx
- radio.config.ts
- radio.scss
- radio.tsx
- rich-text.config.ts
- rich-text.scss
- rich-text.tsx
- scroll-view.config.ts
- scroll-view.scss
- scroll-view.tsx
- slider.config.ts
- slider.tsx
- swiper.config.ts
- swiper.scss
- swiper.tsx
- switch.config.ts
- switch.scss
- switch.tsx
- text.config.ts
- text.scss
- text.tsx
- textarea.config.ts
- textarea.scss
- textarea.tsx
- video.config.ts
- video.scss
- video.tsx
- view.config.ts
- view.scss
- view.tsx
- virtual-list.config.ts
- virtual-list.scss
- virtual-list.tsx
- tabBarApis.scss
- tabBarApis.tsx
- index.config.ts
- index.scss
- index.tsx
- animation1.json
- animation2.json
- index.config.ts
- index.scss
- index.tsx
- beef.ts
- flight.ts
- geoSvgLines.ts
- iceland.ts
- organ.ts
- sicily.ts
- traffic.ts
- Bar1.tsx
- barAnimationDelay.tsx
- barBrush.tsx
- barDrilldown.tsx
- barGradient.tsx
- barLabelRotation.tsx
- barLarge.tsx
- barNegative.tsx
- barNegative2.tsx
- barPolarLabelRadial.tsx
- barPolarLabelTangential.tsx
- barPolarRealEstate.tsx
- barPolarStack.tsx
- barPolarStackRadial.tsx
- barRace.tsx
- barRaceCountry.tsx
- barStack.tsx
- barWaterfall2.tsx
- barYCategory.tsx
- barYCategoryStack.tsx
- dynamicData.tsx
- mixLineBar.tsx
- mixTimelineFinance.tsx
- mixZoomOnValue.tsx
- multipleYAxis.tsx
- polarRoundCap.tsx
- watermark.tsx
- boxplotLightVelocity.tsx
- boxplotLightVelocity2.tsx
- boxplotMulti.tsx
- calendarCharts.tsx
- calendarGraph.tsx
- calendarLunar.tsx
- calendarPie.tsx
- calendarSimple.tsx
- customCalendarIcon.tsx
- heatmap.tsx
- heatmapHorizontal.tsx
- heatmapVertical.tsx
- candlestickSh.tsx
- candlestickSimple.tsx
- candlestickTouch.tsx
- customOhlc.tsx
- cartesianPolygon.tsx
- circlePacking.tsx
- customBarTrend.tsx
- customCalendarIcon.tsx
- CustomGauge.tsx
- customizedEffect.tsx
- customProfile.tsx
- customProfit.tsx
- customSpiralRace.tsx
- cyclePlot.tsx
- errorBar.tsx
- errorScatter.tsx
- ganttChart.tsx
- hexagonalBinning.tsx
- histogram.tsx
- PieParliamentTransition.tsx
- polarHeatmap.tsx
- windBarb.tsx
- windVectors.tsx
- datasetDefault.tsx
- datasetEncode0.tsx
- DatasetLink.tsx
- datasetSeriesLayoutBy.tsx
- datasetSimple0.tsx
- datasetSimple1.tsx
- dataTransformMultiplePie.tsx
- dataTransformSortBar.tsx
- encodeAndMatrix.tsx
- shareDataset.tsx
- areaSimple.tsx
- customErrorScatter.tsx
- funnel.tsx
- funnelChart.tsx
- funnelCompare.tsx
- funnelCustomize.tsx
- clock.tsx
- gaugeBarometer.tsx
- gaugeBasic.tsx
- gaugeCar.tsx
- gaugeSimple.tsx
- gradeGauge.tsx
- multiTitleGauge.tsx
- progressGauge.tsx
- ringGauge.tsx
- speedGauge.tsx
- stageSpeedGauge.tsx
- temperatureGauge.tsx
- graphForce2.tsx
- GraphForceDynamic.tsx
- graphSimple.tsx
- graphicLoading.tsx
- graphicStrokeAnimation.tsx
- GraphicWaveAnimation.tsx
- LineDraggable.config.ts
- LineDraggable.tsx
- lineGraphic.tsx
- heatmapCartesian.tsx
- heatmapLargePiecewise.tsx
- areaBasic.tsx
- areaPieces.tsx
- areaRainfall.tsx
- areaStack.tsx
- areaStackGradient.tsx
- areaTimeAxis.tsx
- barBackground.tsx
- barDataColor.tsx
- barSimple.tsx
- barTickAlign.tsx
- barWaterfall.tsx
- confidenceBand.tsx
- dataTransformFilter.tsx
- dynamicData2.tsx
- gridMultiple.tsx
- lineAqi.tsx
- lineEasing.tsx
- lineFunction.tsx
- lineGradient.tsx
- lineInCoordinateSystem.tsx
- lineLog.tsx
- lineMarker.tsx
- lineMarkline.tsx
- linePen.tsx
- linePolar.tsx
- linePolar2.tsx
- lineRace.tsx
- lineSections.tsx
- lineSimple.tsx
- lineSmooth.tsx
- lineStack.tsx
- lineStep.tsx
- lineStyle.tsx
- lineTooltipTouch.tsx
- lineYCategory.tsx
- multipleXAxis.tsx
- hangzhouLines.tsx
- geoBeefCuts.tsx
- geoOrgan.tsx
- geoSeatmapFlight.tsx
- geoSvgLines.tsx
- geoSvgMap.tsx
- geoSvgScatterSimple.tsx
- geoSvgTraffic.tsx
- mapUsaPie.tsx
- parallelAqi.tsx
- parallelNutrients.tsx
- parallelSimple.tsx
- scatterMatrix.tsx
- dottedBar.tsx
- expansionForest.tsx
- pictorialBarBodyFill.tsx
- spirits.tsx
- transition.tsx
- vehicles.tsx
- velocityOfReindeers.tsx
- wishAndMountain.tsx
- pieAlignTo.tsx
- pieBorderRadius.tsx
- pieCustom.tsx
- pieDoughnut.tsx
- pieLabelLineAdjust.tsx
- pieLegend.tsx
- pieNest.tsx
- piePattern.tsx
- pieRoseType.tsx
- pieRoseTypeSimple.tsx
- pieSimple.tsx
- radar.config.ts
- radar.tsx
- radar2.tsx
- radarAqi.tsx
- radarCustom.tsx
- radarMultiple.config.ts
- radarMultiple.tsx
- barRichText.tsx
- pieRichText.tsx
- gradientEdge.tsx
- levelsSetting.tsx
- nodeAlignLeft.tsx
- nodeAlignRight.tsx
- sankeyOrientVertical.tsx
- sankeySimple.tsx
- specifyItemStyle.tsx
- bubbleGradient.tsx
- effectScatterBmap.tsx
- scatterAggregateBar.tsx
- scatterAnscombeAuartet.tsx
- scatterAqiColor.tsx
- scatterClustering.tsx
- scatterClusteringProcess.tsx
- scatterEffect.tsx
- scatterExponentialRegression.tsx
- scatterLabelAlignRight.tsx
- scatterLabelAlignTop.tsx
- scatterLarge.tsx
- scatterLifeExpectancyTimeline.tsx
- scatterLinearRegression.tsx
- scatterLogarithmicRegression.tsx
- scatterNebula.tsx
- scatterNutrients.tsx
- scatterNutrientsMatrix.tsx
- scatterPainterChoice.tsx
- scatterPolarPunchCard.tsx
- scatterPolynomialRegression.tsx
- scatterPunchCard.tsx
- scatterSimple.tsx
- scatterSingleAxis.tsx
- scatterStreamVisual.tsx
- scatterSymbolMorph.tsx
- scatterWeight.tsx
- bookRecords.tsx
- drinkFlavors.tsx
- monochromeSunburst.tsx
- roundedCornerSunburst.tsx
- sunburstLabelRotate.tsx
- sunburstSimple.tsx
- sunburstVisualMap.tsx
- themeRiverBasic.tsx
- themeRiverLastfm.tsx
- bottomTopTree.tsx
- multipleTrees.tsx
- polylineTree.tsx
- radialTree.tsx
- rightLeftTree.tsx
- topBottomTree.tsx
- treeBasic.tsx
- basicTreemap.tsx
- echartsOptionQuery.tsx
- gradientMapping.tsx
- howTrillionSpent.tsx
- showParentLabels.tsx
- sunburstTransition.tsx
- treemapDisk.tsx
- style.scss
- template.tsx
- constant.ts
- echarts.scss
- echarts.tsx
- entry.config.ts
- entry.scss
- entry.tsx
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- page.config.ts
- page.scss
- page.tsx
- page.config.ts
- page.scss
- page.tsx
- index.config.ts
- index.scss
- index.tsx
- platform.config.ts
- platform.scss
- platform.tsx
- size.config.ts
- size.scss
- size.tsx
- style.h5.scss
- style.rn.scss
- style.scss
- style.weapp.scss
- index.config.ts
- index.scss
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.tsx
- index.config.ts
- index.scss
- index.tsx
- index.d.ts
- index.h5.ts
- index.rn.ts
- index.weapp.ts
- virtualList.rn.ts
- virtualList.ts
- common.scss
- mixins.scss
- variables.scss
- app.config.ts
- app.rn.tsx
- app.scss
- app.tsx
- index.html
- .editorconfig
- .eslintrc
- .gitignore
- .npmrc
- .ruby-version
- babel.config.js
- commitlint.config.js
- Gemfile
- Gemfile.lock
- global.d.ts
- index.js
- LICENSE
- metro.config.js
- NOTICE
- package.json
- project.config.json
- project.tt.json
- README.md
- tsconfig.json
- yarn.lock
# Installation Guide
git clone https://github.com/wuba/taro-playground
Downloads the entire project code from GitHub to your computer.
cd taro-playground
Moves into the project folder you just downloaded.
2. Gradle (Java/Kotlin)
Medium Recommended- Git Needed to download the project code from GitHub.
- JDK (Java) Required to build and run Java/Kotlin projects.
- Gradle If the repo includes gradlew (Gradle Wrapper), you don't need to install Gradle separately.
cd android/app
This project's files live in a subfolder, so move into it first.
./gradlew build
Builds the project using Gradle.
3. Node.js
Easyyarn upgradePeerdeps
Type this command into your terminal and run it.
yarn podInstall
Type this command into your terminal and run it.
yarn ios
Type this command into your terminal and run it.
yarn android
Type this command into your terminal and run it.
yarn start
Starts the development/run server.
Pulled directly from this repo's README.
4. Ruby
EasyAPP_ID: com.taro.demo # Application Product Bundle Identifier
Type this command into your terminal and run it.
APP_ID: com.taro.demo # Application Product Bundle Identifier
Type this command into your terminal and run it.
Pulled directly from this repo's README.
