zoukankan      html  css  js  c++  java
  • Using a ScrollView

    使用滚动条。

    1. import

    import {ScrollView} from "react-native";

    2. Using

          <ScrollView>
                ...
          </ScrollView>

    3. src

    import React from 'react';
    import { StyleSheet, Text, View, Image, ScrollView } from 'react-native';
    
    export default class App extends React.Component {
      render() {
        return (
          <ScrollView>
                <View style={styles.container}>
                    <Text>Open up App.js to start working on your app!</Text>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                    <Image source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'}}
                        style={{ 193, height: 110}}/>
                </View>
          </ScrollView>
        );
      }
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
      },
    });

    Reference:

        1. Using a ScrollView

  • 相关阅读:
    打印一个0到1之间的数的二进制表示
    bzoj-3223 文艺平衡树
    Linux下使用fstatfs/statfs查询系统相关信息
    Pku3664
    hdu-2544 最短路
    java同步包种ArrayBlockingQueue类的分析与理解
    【剑指offer】不用加减乘除做加法
    PA模块经常使用表
    网络编程
    // 插入排序 源代码
  • 原文地址:https://www.cnblogs.com/xiaobin-hlj80/p/10577618.html
Copyright © 2011-2022 走看看