zoukankan      html  css  js  c++  java
  • Image组件

    /*  Image
    * 用于显示图片的组件,包括网络图片,静态资源
    * 常用性能:
    * resizeMode 图片适应模式 cover , contain , stretch
    * source 图片的引用地址
    *
    * iOS支持的属性: onLoad , onLoadEnd ,onLoadStart, onProgress
    *
    * 练习:显示两张图片,分别是网络图片,静态资源
    * https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1512489433426&di=fcc41e3d4a372da2f5098d0f121d5224&imgtype=0&src=http%3A%2F%2Fimg1c.xgo-img.com.cn%2Fpics%2F1538%2Fa1537493.jpg
    *
    * */


    export default class App extends Component<> {
    render() {
    return (
    <View style={styles.container}>
    <View style={styles.net}>
    <Image
    style={styles.netImage}
    source={{url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1512489433426&di=fcc41e3d4a372da2f5098d0f121d5224&imgtype=0&src=http%3A%2F%2Fimg1c.xgo-img.com.cn%2Fpics%2F1538%2Fa1537493.jpg"}}
    />
    </View>
    <View style={styles.local}>
    <Image
    style={styles.localImage}
    source={require("image!图片的名字")}//固定写法image! 在叹号后面写"图片的名字"
    />
    </View>
    </View>

    );
    }
    }

    var styles = StyleSheet.create({
    container:{
    flex:1,
    margin:25,
    alignItems:"center"
    },
    net:{
    marginTop:30,
    300,
    height:300,
    justifyContent:"center",
    alignItems:"center",
    backgroundColor:"cyan"
    },
    netImage:{
    280,
    height:200,
    backgroundColor:"gray"
    },
    local:{
    marginTop:30,
    300,
    height:300,
    justifyContent:"center",
    alignItems:"center",
    backgroundColor:"yellow"
    },
    localImage:{
    280,
    height:200,
    backgroundColor:"gray"
    },


    });
  • 相关阅读:
    题解[51nod1555] 布丁怪
    题解 [51nod1753] 相似子串
    题解[NOIP2017] 列队
    题解 [NOIP2015]运输计划
    题解 [APIO2014]连珠线
    题解 [ZJOI2010]基站选址
    [学习笔记] kmp
    RPC&ORM
    Spring
    常用工具
  • 原文地址:https://www.cnblogs.com/daxueshan/p/7989463.html
Copyright © 2011-2022 走看看