React Native ScrollView scrollt nicht im Web (funktioniert gut auf Expo Go) ⇐ CSS

[Anonymous]

Ich weiß nicht warum, auch wenn ich ScrollView in meiner index.tsx habe und einige Stile hinzugefügt habe, wie zum Beispiel: overflowY: 'scroll'. Auf expoGo funktioniert alles korrekt, im Web jedoch nicht.
Hier ist die vereinfachte Index.tsx:

Code: Select all

// index.tsx
import HeroSection from "@/sections/HeroSection";
import { Platform, ScrollView, Text } from "react-native";

export default function Index() {
return (


Some text...
Some text...
Some text...
Some text...

);
}

Hier sind Stile für HereSection.tsx. Vielleicht macht das etwas kaputt?

Code: Select all

  const styles = StyleSheet.create({
gradient: {
width: "100%",
},
heroContainer: {
alignItems: isPlatformWeb ? "flex-start" : "center",
width: "100%",
marginLeft: isPlatformWeb ? 90 : 0,
paddingVertical: isPlatformWeb ? 245 : 70,
},
buttonsContainer: {
flexDirection: "row",
gap: 24,
},
mainText: {
fontFamily: "Karla_500Medium",
fontSize: isPlatformWeb ? 90 : 30,
fontWeight: "900",
maxWidth: isPlatformWeb ? "40%" : "100%",
textAlign: isPlatformWeb ? "left" : "center",
},
secondText: {
paddingTop: isPlatformWeb ? 30 : 10,
fontFamily: "Karla_400Regular",
fontSize: isPlatformWeb ? 28 : 14,
lineHeight: isPlatformWeb ? 32 : 14,
maxWidth: isPlatformWeb ? "40%" : "85%",
textAlign: isPlatformWeb ? "left" : "center",
},
});