ネイティブのScrollViewを反応させてください
21263 ワード
自然なScrollViewに反応してください:Primeiramente O ScrollViewは、ムラを得ます.トダヴィアのOS<研究ノート>フォアホンタルメンツにおけるPorsiam - Serホモグラム
エステEpico cria umaは、垂直スクロールビューcomを想像します.
いいえIOSは、um scrollview com umはニコのアイテムpode ser usadoのパラシュートであるpermitir que o usuのreo faのズームズームなしconte.を設定してくださいOSの最大のUseは、o e o o usuをします.
Sendo Asym o scrollview funciona melhor para apresentar uma pequena quantidade de itens de tamanho limitadoS . S . S . S . S .se vocは、TiverのUMAのListaデmais itens que podem caber na tela、use um flatlistを使用します.
[テキトルトtraduzido ]
エステEpico cria umaは、垂直スクロールビューcomを想像します.
import React, { Component } from 'react';
import { ScrollView, Image, Text } from 'react-native';
export default class IScrolledDownAndWhatHappenedNextShockedMe extends Component {
render() {
return (
<ScrollView>
<Text style={{fontSize:96}}>Scroll me plz</Text>
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Text style={{fontSize:96}}>If you like</Text>
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Text style={{fontSize:96}}>Scrolling down</Text>
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Text style={{fontSize:96}}>What's the best</Text>
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Text style={{fontSize:96}}>Framework around?</Text>
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
<Text style={{fontSize:80}}>React Native</Text>
</ScrollView>
);
}
}
としてのPortantoとしてのPorina Temmitirは、Paginaを得ます.Passar Horizontalmenteは、Visualiza Sponge - es es es Tamb - m m pode ser実装にAndroid USAO O ComponentView ViewPagerを登録します.いいえIOSは、um scrollview com umはニコのアイテムpode ser usadoのパラシュートであるpermitir que o usuのreo faのズームズームなしconte.を設定してくださいOSの最大のUseは、o e o o usuをします.
Sendo Asym o scrollview funciona melhor para apresentar uma pequena quantidade de itens de tamanho limitadoS . S . S . S . S .se vocは、TiverのUMAのListaデmais itens que podem caber na tela、use um flatlistを使用します.
[テキトルトtraduzido ]
Reference
この問題について(ネイティブのScrollViewを反応させてください), 我々は、より多くの情報をここで見つけました https://dev.to/alexandrefreire/react-native-scrollview-introducao-e-exemplo-5175テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol