2017-01-01から1年間の記事一覧
FlatListとはListViewより性能が良く、簡潔に書けるリストのことだ。 しかし、まだハマるところがあるので、メモ。 基本的な使い方は、まず、stateにリスト化するデータを記述。 state = { data: [{ id: 1, title: 'a' }, { id: 2, title: 'b' }, { id: 3, t…
最悪のエンジニア上司にあたった。 react-nativeを使っている会社に、アルバイトとして参加して、react-nativeを書いている。 問題は作っているアプリをその上司が作ったのだが、一ヶ月前に作ったのにも関わらず、9割分からないそうだ。ドキュメントも、コメ…
propTypes React.jsではPropTypesとしてPropについての型などの制約を指定することが出来ます。 var Avatar = React.createClass({ propTypes: { name: React.PropTypes.string.isRequired, id: React.PropTypes.number.isRequired, width: React.PropTypes.…
http://shinespark.hatenablog.com/entry/2017/08/22/080000以上 参照atomでvimを使うにはvim-mode-plusというプラグインを使うその際.vimrcの設定にハマったのでメモ 実はコマンドは https://github.com/t9md/atom-vim-mode-plus/blob/eeb88cfc9b0aedb2c7d0…
https://q-a-assistant.com/computer-internet-technology/15536_react-native-fetch-throws-undefined-is-not-a-function-evaluating-0-reactnative-fetch.html に書かれているとおり、 import {} from 'react-native';の中からfetchを抜くと直る。 なんだ…
renderとreturnの前にif文をつっこめるようだ。 これを見て感動するのは、jsに慣れてないからだろうか。 三項演算子使えるのかな? ``` render() { if (this.state.isLoading) { return ( <View style={{flex: 1, paddingTop: 20}}> <ActivityIndicator /> </View> ); } return ( <View style={{flex: 1, paddingTop: 20}}> </view>
react navigationのstackNavigatorとTabNavigatorを一緒に使うとき、大体以下のようになる。 const Stacks = StackNavigator({ Stack1: { screen: Stack1 }, Tab1: { screen: Tab1 }, }); const Tabs = TabNavigator({ Tab1: { screen: Stacs }, Tab2: { scr…
react-nativeの公式ナビゲーションの、react navigationは広く使われている。 しかし、公式ドキュメントに少しわかりづらい部分があり、StackNavigatorとTabNavigatorを一緒に使うのに、大ハマリしてしまった。 stackoverflowにも同じ質問が、何回も出ている…
react-nativeでデザインをするときに、便利なのがnativebase デザインだけでなく、あらゆる記述を簡略化してくれるため、(ちょっとしたListViewなどはNativeBaseのコンポーネントを使うと簡素に書ける)重宝している。 しかし日本語のアプリを作る時は<Text>はrea</text>…
reactNative初めました。 ある程度のアプリは作れるようになったので、 成長の記録をここに残していこうと思います。 ReactNati部