Skip to content

Instantly share code, notes, and snippets.

@colinta
Created April 13, 2020 19:01
Show Gist options
  • Save colinta/d604882d5e209850def76642b1cea034 to your computer and use it in GitHub Desktop.
Save colinta/d604882d5e209850def76642b1cea034 to your computer and use it in GitHub Desktop.
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>
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment