UIコンポネント - snm-project-team/snm-app GitHub Wiki

1. ライブラリ

NativeBaseを利用

本家のGetStartedに「Setup with CRNA」の項目があるので、基本はそちらに従って設定
https://docs.nativebase.io/docs/GetStarted.html

ただし、Robotoフォント読み込み完了前にNativeBaseを使用した
コンポネントのレンダリングが走ってしまうとエラーが発生するため、
以下の記事を参考に記載のある方法で回避する必要があった。

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

カスタマイズやテーマの指定は以下のドキュメントにある「Setup to theme NativeBase apps」を参考に設定
（特に今は活用していないですが）

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

2. スタイルの指定

現状、特に工夫せずreact-nativeのStyleSheetを使用している。
困ったら別の方法も検討する。

https://facebook.github.io/react-native/docs/stylesheet

定義側

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  title: {
    textAlign: 'center'
  },
});

使用側

<View>
  <Title style={styles.title}>Header</Title>
</View>
⚠️ **GitHub.com Fallback** ⚠️