react-native : How to create Image Button

Solution

Use TouchableOpacity, Image and Styles.

Key codes

import React, { Component } from 'react';
import {    
    Image,
    StyleSheet,   
    TouchableOpacity,
} from 'react-native';

<TouchableOpacity 
   style={styles.sharebutton} 
   onPress={() => {this.onShare(SHARE_TO_WXTIMELINE)}}
>
    <Image
        source={require('./res/img/wxtimeline.png')}
    />
</TouchableOpacity>         

No Image, No Truth

modal-share

See Full sample codes Share to WeXin via Modal

Subscribe to Post, Code and Quiet Time.

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe