react
地図や画像の上に透明なOverlayを配置
コンポーネントはnativeBaseのCardを用いて色を透明にすることで実現した。 <MapView region={this.state.region} style={mapstyles.map}> &l…
React Nativeの基本事項
React Nativeの基本的な事柄です。 基本の基本 プロジェクトを新規作成して起動します react-native init hogehoge cd hogehoge npm install react-nativ…地図上でdrag&dropできるマーカーの作成
react-native-mapsにおいて自分で移動させたマーカーの座標を取得できる。 <MapView initialRegion={…}> <MapView.Marker draggable//…create-react-native-appを触ってみる
React Nativeのプロジェクトをサクッと作れるcreate-react-native-appを導入する方法です そもそも論 React.jsの雛形を作れるCreate React Appというものがありますが、こ…
ReactNative react-loggerを使ってデバッグ
ReactNativeのデバッグは公式にもある通り、Webブラウザ上でブレークポイントを打ちながら可能ということで、かなり良心的な設計になっているのですが、さらにReduxフレームワーク開発を効率良くすすめるデバッカーモ…文字が入力されている時だけ色が変わって押すことができるボタンの作成
割と使う機会が多いはずだが、綺麗にまとまっているサイトがなかったのでまとめておく。 class Hoge extends Component { constructor() { super(); this.state =…
Redux FormのWizard FormでSubmit Validationを使う方法
今回はRedux FormのWizard FormでSubmit Validationを使う方法です。Material UIも使っていますが、今回はあまり話の本筋ではありません。 現時点においてReduxでFormを扱う…