steffes-react-native

Steffes Group React Native package.

Install

npm install --save steffes-react-native

Usage

In order to run the example app run yarn in the example folder then yarn start:ios to install the app on the emulator. Once that is done kill the metro bundler and delete the react-native folder from the example/node_modules folder and run yarn start

import React, { Component } from 'react'
import {View} from 'react-native'
 
import {TouchableImage} from 'steffes-react-native'
 
class Example extends Component {
  render() {
    return(
      <View>
        <TouchableImage
          style={{
            height: 200,
            width: 200
          }}
          onPress={() => alert(require('../Logo.png'))}
          resizeMode='contain'
          source={require('../Logo.png')}
        />
      </View>
    )
  }
}

Components

TouchableImage

Description

A Image that responds to touch events.

Props

Usage

import React, { Component } from 'react'
import {View} from 'react-native'
 
import {TouchableImage} from 'steffes-react-native'
 
class Example extends Component {
  render() {
    return(
      <View>
        <TouchableImage
          style={{
            height: 200,
            width: 200
          }}
          onPress={() => alert(require('../Logo.png'))}
          resizeMode='contain'
          source={require('../Logo.png')}
        />
      </View>
    )
  }
}