ButtonToBottom.ts

function ButtonToBottom() { 
  return (
        <ScrollView
            style={[
                { flex: 1 },
                styles.verticallyInverted,
            ]}
        >
            <View style={styles.verticallyInverted}>
                <Button title="Press me" />
            </View>
            {new Array(9)
                .fill(null)
                .map((_el, i) => (i + 1) / 10)
                .map((opacity) => (
                    <View
                        key={opacity}
                        style={[{
                            height: 100,
                            backgroundColor: `rgba(255,0,0,${opacity})`,
                        }, styles.verticallyInverted]}
                    />
                ))}
        </ScrollView>
    );
}

const styles = StyleSheet.create({
    verticallyInverted: {
        transform: [{ scaleY: -1 }],
    },
});