ReactNative Demo - ImageVIew 使用

梦里梦外; 2022-09-23 13:59 208阅读 0赞

import React, { Component } from 'react';
    import {
      AppRegistry,
      StyleSheet,
      Text,
      View,
      Image,
      DrawerLayoutAndroid,
      ListView,
    } from 'react-native';
    
    
    
    class AwesomeProject extends Component { 
    
    
      render() {
        return (
        <Image source={
       {uri:'http://a.hiphotos.baidu.com/image/pic/item/e7cd7b899e510fb3a78c787fdd33c895d0430c44.jpg'}} 
        style={
       {width:400,height:600}} >
        <Text welcome>Inside</Text>
        </Image>
    
    
    
            );
    
    
    
    
      }
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
      },
      welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
      },
       elements:{
        alignItems: "flex-start",
        color:"#000000",
      },
      instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
      },
      base: {
        width: 38,
        height: 38,
      },
      background: {
        backgroundColor: '#ff0000',
      },
      active: {
        borderWidth: 2,
        borderColor: '#00ffff',
      },
    });
    
    AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 React实战-如何快速构建一个ReactNative的Demo

React实战\-如何快速构建一个ReactNative的Demo ReactJs宣称的是一次学习就够了，意思是学习了ReactJs后，在Web端和移动端就都一样处理了。事实

阳光穿透心脏的1/2处/ 2022年09月26日 03:16/ 0 赞/ 237 阅读

相关 ReactNative Demo -SearchInput

import React, { Component } from 'react'; import { AppRe

╰半橙微兮°/ 2022年09月23日 14:00/ 0 赞/ 270 阅读

相关 ReactNative Demo - 仿携程UI Demo

import React, { Component } from 'react'; import { AppRe

红太狼/ 2022年09月23日 14:00/ 0 赞/ 186 阅读

相关 ReactNative Demo - Navigator 使用

import React, { Component } from 'react'; import { AppRe

曾经终败给现在/ 2022年09月23日 14:00/ 0 赞/ 211 阅读

相关 ReactNative Demo - NavigationView 使用

import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, Vi

男娘i/ 2022年09月23日 14:00/ 0 赞/ 224 阅读

相关 ReactNative Demo - ImageVIew 使用

import React, { Component } from 'react'; import { AppRegistry, Styl

梦里梦外;/ 2022年09月23日 13:59/ 0 赞/ 209 阅读

相关 ReactNative Demo - Dimensions 的使用

import React, { Component } from 'react'; import { AppRe

r囧r小猫/ 2022年09月23日 13:59/ 0 赞/ 201 阅读

相关 ImageView

说明这个系列只是提供函数的熟悉和方便查找，实在没什么技术含量- - ImageView \ imageView = ImageView::create("cocosui/cc

╰+攻爆jí腚メ/ 2022年09月22日 13:56/ 0 赞/ 189 阅读

相关 ImageView

android doc中是这样描述的： public void setImageResource (int resId) 这是其中的一个方法，参数resld是这样：

╰半夏微凉°/ 2022年08月09日 00:54/ 0 赞/ 31 阅读

相关 Android—ImageView的使用

ImageView 　ImageView，图像视图，直接继承自View类，它的主要功能是用于显示图片，实际上它不仅仅可以用来显示图片，任何Drawable对象都可以使用Im

亦凉/ 2022年07月15日 13:48/ 0 赞/ 188 阅读