javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(react): update readme to include capacitor info (#17686)

Browse Source
This commit is contained in:
Josh Thomas
2019-03-05 20:29:32 -06:00
committed by GitHub
parent 70ea70346b
commit f139400ede
1 changed files with 22 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
react/README.md
View File

@@ -11,91 +11,11 @@ If you would like to see an example app of the implementation please go to our [
# Current Status of Components
Below is a list of components and their current status. Please know that these will not be final implementations but this list can be used to understand current progress.
Below is a list of components yet to be implemented. More information about
| Component |
| ------------------ |
| `IonActionSheet` |
| `IonAlert` |
| `IonAnchor` |
| `IonApp` |
| `IonAvatar` |
| `IonBackButton` |
| `IonBackdrop` |
| `IonBadge` |
| `IonButton` |
| `IonButtons` |
| `IonCard` |
| `IonCardContent` |
| `IonCardHeader` |
| `IonCardSubtitle` |
| `IonCardTitle` |
| `IonCheckbox` |
| `IonChip` |
| `IonCol` |
| `IonContent` |
| `IonDatetime` |
| `IonFab` |
| `IonFabButton` |
| `IonFabList` |
| `IonFooter` |
| `IonGrid` |
| `IonHeader` |
| `IonIcon` |
| `IonImg` |
| `IonInfiniteScroll` |
| `IonInput` |
| `IonItem` |
| `IonItemDivider` |
| `IonItemGroup` |
| `IonItemOption` |
| `IonItemOptions` |
| `IonItemSliding` |
| `IonLabel` |
| `IonList` |
| `IonListHeader` |
| `IonLoading` |
| `IonMenu` |
| `IonMenuButton` |
| `IonMenuToggle` |
| `IonModal` |
| `IonNote` |
| `IonPicker` |
| `IonPickerColumn` |
| `IonPopover` |
| `IonProgressBar` |
| `IonRadio` |
| `IonRadioGroup` |
| `IonRange` |
| `IonRefresher` |
| `IonRefresherContent` |
| `IonReorder` |
| `IonReorderGroup` |
| `IonRippleEffect` |
| `IonRouterOutlet` |
| `IonRow` |
| `IonSearchbar` |
| `IonSegment` |
| `IonSegmentButton` |
| `IonSelect` |
| `IonSelectOption` |
| `IonSelectPopover` |
| `IonSkeletonText` |
| `IonSlide` |
| `IonSlides` |
| `IonSpinner` |
| `IonSplitPane` |
| `IonTab` |
| `IonTabBar` |
| `IonTabButton` |
| `IonTabs` |
| `IonText` |
| `IonTextarea` |
| `IonThumbnail` |
| `IonTitle` |
| `IonToast` |
| `IonToggle` |
| `IonToolbar` |
| `IonVirtualScroll` |
## Publishing a Native Application
@@ -106,17 +26,33 @@ If you want to publish your app to the App Store or Google Play you will need to
More information on this can be found here. https://beta.ionicframework.com/docs/cli
If you want to learn more about Capacitor our dedicated site can be found here. https://capacitor.ionicframework.com/
The commands that you will need to execute are below.
The commands that you will need to execute are below in your project's root.
```sh
ionic capacitor add
ionic init "My React App" --type=custom
ionic integrations enable capacitor
```
Open the './capacitor.config.json' file in your projects root.
Change `"webDir": "www"` to be `"webDir": "build"` (dependent on your config but create-react-app defaults with this as the build directory)
Then run the following command to get started with either `ios` or `android` platforms.
```
ionic capacitor add <android|ios>
```
After build you build your app you will need to copy your capacitor resources into the build dir so execute the following command.
```
ionic capacitor copy
ionic capacitor run
```
To open your application to build/emulate in Android Studio or Xcode run the `open` command.
```
ionic capacitor open <android|ios>
```
## Related
* [Ionic Core Components](https://www.npmjs.com/package/@ionic/core)
* [Ionic Documentation](https://beta.ionicframework.com/docs/)
* [Ionic Documentation](https://ionicframework.com/docs/)
* [Ionic Worldwide Slack](http://ionicworldwide.herokuapp.com/)
* [Ionic Forum](https://forum.ionicframework.com/)
* [Ionicons](http://ionicons.com/)