Add scrolling to react native app

This commit is contained in:
Lucas Schumacher 2024-06-27 17:15:35 -04:00
parent b4010cedd8
commit 9721c024ff

View File

@ -1,4 +1,4 @@
import { Text, View, Button } from "react-native"; import { Text, View, Button, ScrollView } from "react-native";
import React, {useState} from 'react'; import React, {useState} from 'react';
import { ThemedText } from "@/components/ThemedText" import { ThemedText } from "@/components/ThemedText"
import Blurb, {BlurbData} from "@/components/Blurb" import Blurb, {BlurbData} from "@/components/Blurb"
@ -11,8 +11,8 @@ const default_blurb: BlurbData = {
export default function Index() { export default function Index() {
const [blurbs, setBlurbs] = useState([default_blurb]) const [blurbs, setBlurbs] = useState([default_blurb])
return ( return (
<View <ScrollView
style={{ contentContainerStyle={{
flex: 1, flex: 1,
justifyContent: "center", justifyContent: "center",
alignItems: "center", alignItems: "center",
@ -27,7 +27,7 @@ export default function Index() {
}} }}
title="Load More" title="Load More"
/> />
</View> </ScrollView>
); );
} }