@appandflow/touchable

    2.0.0 • Public • Published

    @appandflow/touchable

    npm (scoped) Travis branch

    A wrapper for react-native Touchable components to simplify the API and make the Android ripple effect work by default.

    Why use this library?

    It lets you import only component and forget about which platform you are using, it will default to the best behavior for the platform.

    Installation

    yarn add @appandflow/touchable

    Usage

    import Touchable from '@appandflow/touchable';

    Props

    feedback

    • opacity
    • highlight
    • none

    disabled

    You can disable the touch by passing disabled true. Default false.

    native [Android only]

    Toggle whether or not to use the ripple effects on Android. By default this is true on Android.

    If false don't forget to add a feedback

    Example

    Play with on Expo

    Take a look at example folder also. Link

    import React, { Component } from 'react';
    import { Text, View, Alert } from 'react-native';
    import Touchable from '@appandflow/touchable';
     
    class App extends Component {
      _handleAlert = feedback => {
        Alert.alert(`You touch the feedback: ${feedback}`)
      }
      render() {
        return (
          <View style={styles.container}>
            <Touchable
              feedback="opacity"
              style={[styles.button, styles.opacity]}
              onPress={() => this._handleAlert('opacity')}
            >
              <Text style={styles.buttonText}>OPACITY</Text>
            </Touchable>
            <Touchable
              feedback="highlight"
              style={[styles.button, styles.highlight]}
              onPress={() => this._handleAlert('highlight')}
            >
              <Text style={styles.buttonText}>HIGHLIGHT</Text>
            </Touchable>
            <Touchable
              feedback="none"
              style={[styles.button, styles.none]}
              onPress={() => this._handleAlert('none')}
            >
              <Text style={styles.buttonText}>NONE</Text>
            </Touchable>
          </View>
        );
      }
    }

    Install

    npm i @appandflow/touchable

    DownloadsWeekly Downloads

    408

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    11.1 kB

    Total Files

    6

    Last publish

    Collaborators

    • valium
    • teamappandflow
    • appandflow-user
    • equimper
    • janicduplessis