使用滚动视图

最新推荐文章于 2021-08-31 19:00:00 发布

蓝枫amy

最新推荐文章于 2021-08-31 19:00:00 发布

阅读量150

点赞数

分类专栏： React Native 入门与实战文章标签： React Native

React Native 入门与实战专栏收录该内容

30 篇文章 0 订阅

订阅专栏

Scrolled.js

/**
 * Created by zhoujian on 2019/4/9.
 */


import React, { Component } from 'react';
import { AppRegistry, ScrollView, Image, Text } from 'react-native';

export default class Scrolled extends Component {

    render(){
        return(
            <ScrollView>
                <Text style={{fontSize:100}}>Scroll</Text>
                <Image source={{uri:"https://facebook.github.io/react-native/img/favicon.png",width:100,height:100}}/>
                <Image source={{uri:"https://facebook.github.io/react-native/img/favicon.png",width:100,height:100}}/>
                <Image source={{uri:"https://facebook.github.io/react-native/img/favicon.png",width:100,height:100}}/>
                <Image source={{uri:"https://facebook.github.io/react-native/img/favicon.png",width:100,height:100}}/>
                <Image source={{uri:"https://facebook.github.io/react-native/img/favicon.png",width:100,height:100}}/>
                <Image source={{uri:"https://facebook.github.io/react-native/img/favicon.png",width:100,height:100}}/>
                <Image source={{uri:"https://facebook.github.io/react-native/img/favicon.png",width:100,height:100}}/>
                <Text style={{fontSize:100}}>Scroll</Text>
            </ScrollView>
        );
    }
}

index.js


import {AppRegistry} from 'react-native';
import Scrolled from './js/Scrolled';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => Scrolled);