Skip to main content

ScrollView

Vertical直立式

import React from 'react';
import{View, Text, StyleSheet, Image, ScrollView} from 'react-native';

const MyScreen = () => {
<ScrollView>

</View>
}
export default MyScreen;

Horizontal橫式

import React from 'react';
import{View, Text, StyleSheet, Image, ScrollView} from 'react-native';

const MyScreen = () => {
<ScrollView horizontal={true}>

</View>
}
export default MyScreen;

跳到最後

import React, {useRef} from 'react';
import{View, Text, StyleSheet, Image, ScrollView} from 'react-native';

const MyScreen = () => {
const myscroll = useRef();

<ScrollView ref={myscroll} onContentSizeChange={() => myscroll.current.scrollToEnd()}>

</View>
}
export default MyScreen;