Scroll view with header and confirm button

react-native-scrollview-with-confirm-button.tsx

import { ScrollView, Text, TouchableOpacity, View } from "react-native";

export function ListScreen() {
    const data = [...Array(30).keys()]
    return <View style={{ flex: 1, flexDirection: 'column' }}>

        <View style={{ flex: 1, justifyContent: 'space-between', alignItems: 'baseline' }}>
            <Text>Your Subscriptions</Text>
            <TouchableOpacity>
                <Text>Request</Text>
            </TouchableOpacity>
        </View>
        <View style={{ flex: 10 }}>
            <ScrollView >
                {
                    data.map((item, i) =>
                        <Text key={i}>item</Text>)
                }
            </ScrollView>
        </View>


        <View style={{ flex: 1, justifyContent: 'center' }} >
            <TouchableOpacity>
                <Text > Confirm </Text>
            </TouchableOpacity>
        </View>
    </View>;
}