app.tsx

return (
  <View
    style={{
      flex: 1,
      alignItems: "center",
      justifyContent: "center",
    }}
  >
    <View
      style={{
        position: "absolute",
        width: "100%",
        height: "100%",
      }}
    >
      <LinearGradient
        colors={["#0A60FF", "white", "white", "white"]}
        start={[0, 0]}
        end={[0, 1]}
        style={{ position: "absolute", width: "100%", height: "100%" }}
      />
    </View>
    <View
      style={{
        flex: 1,
        backgroundColor: "blue",
        marginTop: insets.top,
        marginRight: insets.right,
        marginBottom: insets.bottom,
        marginLeft: insets.left,
      }}
    >
      <View
        style={{
          flex: 1,
          flexDirection: "column",
          justifyContent: "flex-start",
          alignItems: "flex-start",
        }}
      >
        <View
          style={{
            flex: 1,
            flexDirection: "row",
            justifyContent: "flex-start",
            alignItems: "flex-start",
          }}
        >
          <Text>
            <Bold>OK!</Bold>
          </Text>
          <Text>
            <Bold>OK!</Bold>
          </Text>
          <Text>
            <Bold>OK!</Bold>
          </Text>
        </View>
        <View
          style={{
            flex: 1,
            flexDirection: "row",
            justifyContent: "flex-end",
            alignItems: "flex-end",
          }}
        >
          <Text>
            <Bold>OK!</Bold>
          </Text>
          <Text>
            <Bold>OK!</Bold>
          </Text>
          <Text>
            <Bold>OK!</Bold>
          </Text>
        </View>
      </View>
    </View>
  </View>
)