猫型iPS細胞研究所

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== react-native-action-button ======

右下にでるアクションボタン。
[[https://github.com/mastermoo/react-native-action-button|react-native-action-button]]

===== 使い方 =====

<code>
npm install react-native-action-button --save
</code>

<code>
react-native link
</code>

{{:reactnative:pasted:20190126-071116.png}}

<code>
import ActionButton from 'react-native-action-button';

・・・
    render() {
      return (
        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
          <Text>Edit Screen</Text>
          <Button
            title="Go to Details... again2"
            onPress={() => this.props.navigation.push('Details')}
          />
          <Button
            title="Go to Home"
            onPress={() => this.props.navigation.navigate('Home')}
          />
          <Button
            title="Go back"
            onPress={() => this.props.navigation.goBack()}
          />

          <ActionButton
            buttonColor="rgba(231,76,60,1)"
            onPress={() => { console.log("hi")}}
          />

        </View>
      );
    }
・・・

</code>

猫型iPS細胞研究所

ユーザ用ツール

サイト用ツール

ページ用ツール