https://github.com/lostpebble/tamagui-setup-project
https://github.com/lostpebble/tamagui-setup-project
Last synced: about 10 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/lostpebble/tamagui-setup-project
- Owner: lostpebble
- Created: 2023-04-08T17:38:03.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-11T08:12:08.000Z (about 3 years ago)
- Last Synced: 2025-03-06T01:46:22.441Z (over 1 year ago)
- Language: TypeScript
- Size: 1.35 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Dev (Meteor Wallet)
```
// install dependencies
> yarn
// run ui building things (needed for dev)
> yarn run watch-meteor-ui
// start dev for web platform
// inside "/packages/meteor_wallet/platform_web"
> yarn run dev
// start dev for android platform
// inside "/packages/meteor_wallet/platform_react_native"
> yarn run start-android
```
# UI Styling and Component Layout
(Using Meteor Wallet as an example)
The main Tamagui styled components and config files are located in these two packages:
* `packages/common/ui`
* `packages/meteor_wallet/ui`
The common UI package is what is shared between all output projects (Meteor Wallet and My Near Wallet).
In this case, `packages/meteor_wallet/ui` imports `packages/common/ui`, and extends and specifies styles and components
which are specific to Meteor Wallet.
The main app is created inside the respective `app` package in each project folder:
e.g. `packages/meteor_wallet/app`
This imports from their respective UI package for styles and components.
In this case, that would be `packages/meteor_wallet/ui`. UI and Style Configuration should not
be changed here- but it is re-exported for use in the output platforms for the app:
* `packages/meteor_wallet/platform_web`
* `packages/meteor_wallet/platform_react_native`