React Native图片显示以及点击

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 * @lint-ignore-every XPLATJSCOPYRIGHT1
 */

import React, {Component} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    TextInput,
    Button,
    Image,
    TouchableOpacity,
    Alert
} from 'react-native';


const instructions = Platform.select({
    ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
    android:
        'Double tap R on your keyboard to reload,\n' +
        'Shake or press menu button for dev menu',
});

const imgae_url = 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553526121837&di=bad1e61c7c7c590a1c758c6a2a68bc6e&imgtype=0&src=http%3A%2F%2Fzkres1.myzaker.com%2F201812%2F5c026780622768eda6008803_640.jpg';

type Props = {};
export default class App extends Component {

    state = {
        likes: 0
    };

    onPress = () => {
        const {likes} = this.state;
        this.setState({likes: likes + 1});
    };


    render() {
        return (
            
                 {
                          // Alert.alert("点击了我");
                          Alert.alert("标题不能为空")

                      }}>
                    Welcome to React Native!

                

                
                    

                
                
                    {this.state.likes}
                

                


            
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },

    editContain: {
        height: 40, borderColor: 'gray', borderWidth: 1, color: '#0000ff', backgroundColor: '#FF0000', minWidth: 100
    },
    thisButton: {
        marginTop: 50
    }

});

 

你可能感兴趣的:(React,native)