search

snm-project-team / snm-app

0 stars 0 forks source link

NativeBaseの導入 #2

Closed to4-yanagi closed 5 years ago

to4-yanagi commented 5 years ago

uiパーツとしてはmaterial-uiを使いたい https://material-ui.com/

導入して手順をwikiに記載したらクローズ

to4-yanagi commented 5 years ago

uiライブラリを漁ったけど、 material-uiよりnativeBaseの方がスマホ向けに作られているし、コンポネントの種類も多くて良さそうだ

https://nativebase.io/

一応react-native-material-uiというものもあるらしいが 下記のような状態なので多数に従った方が賢明そう http://www.npmtrends.com/native-base-vs-react-native-elements-vs-react-native-material-ui

to4-yanagi commented 5 years ago

https://docs.nativebase.io/docs/GetStarted.html

上記のSetup with CRNAに従って構築中

to4-yanagi commented 5 years ago

roboto_midiumフォントの読み込み関連でエラーが起きた

以下の記事と全く同じ症状で、そのまま適用したら動作した。

https://qiita.com/yusuke1111/items/c9d11a2a6cc1cefae728

ひとまず丸コピ、wikiに記載する時にちゃんと調べる

to4-yanagi commented 5 years ago

ひとまずNativeBaseとmapが同居できるところまで実装、カスタマイズはこれから

to4-yanagi commented 5 years ago

http://docs.nativebase.io/Customize.html#theaming-nb-headref

カスタマイズ用のsetup

to4-yanagi commented 5 years ago

簡単にsetupをしてmaterial-designっぽいテーマにしたけどヘッダー出してるだけレベルだから違いがわからん

to4-yanagi commented 5 years ago

あとで読む https://www.slideshare.net/fumiyasakai37/nativebaseui

to4-yanagi commented 5 years ago

wiki記載済のためクローズ