React Nativeで画像選択を行う React Nativeを利用したアプリ開発で、画像を選択する処理を実現する際には、react-native-image-pickerパッケージが利用できます。 導入 基本的には npm install react-na… Tomoumi Nishimuraハック2017.05.11 1,663
React Native mapに独自の情報ウィンドウを表示 そもそもの発端 react-native-mapsを用いてマーカーに独自アイコンを当てると、マーカーをクリックしてもクリックの有効範囲が狭く、デフォルトの情報ウィンドウが表示されにくいという問題が生じました。デフォルトで… nissyハック2017.03.31 1,790
ReactNative FontAwesomeを使う react-native-vector-iconsのインストール 2つのコマンドを叩くだけです。 // –saveはオプションです $ npm install react-native-vector-icons –s… nissyハック2017.03.30 746
React Nativeの基本事項 React Nativeの基本的な事柄です。 基本の基本 プロジェクトを新規作成して起動します react-native init hogehoge cd hogehoge npm install react-nativ… Tomoumi Nishimuraハック2017.03.28 1,188
記事一覧などに便利なコンポーネント:Card nativeBaseにあるCard要素を用いるとリスト形式のデザインが簡単に実現できる。 <ScrollView horizontal> <Card> <CardItem cardBody&… ysugiyama12ハック2017.03.22 162
create-react-native-appを触ってみる React Nativeのプロジェクトをサクッと作れるcreate-react-native-appを導入する方法です そもそも論 React.jsの雛形を作れるCreate React Appというものがありますが、こ… Tomoumi Nishimura使ってみた2017.03.21 637
ReactNative react-loggerを使ってデバッグ ReactNativeのデバッグは公式にもある通り、Webブラウザ上でブレークポイントを打ちながら可能ということで、かなり良心的な設計になっているのですが、さらにReduxフレームワーク開発を効率良くすすめるデバッカーモ… nissyハック2017.03.17 1,456
NativeBaseを用いたReact Native のデザイン設計 iOS,Androidそれぞれの様式に合わせたコンポーネントをシングルソースで提供するオープンライブラリがNativeBaseである。 npm install した後、各ファイルにおいて必要なコンポーネントを impor… ysugiyama12ハック2017.03.15 1,028
React Nativeで横スクロールするリストの作成 ComponentsのひとつであるScrollViewを用いて作成する。 <View style={styles.Overlay}> <ScrollView horizontal={true}> … ysugiyama12ハック2017.03.01 3,060