Rounded edges for MapViews

This commit is contained in:
Keannu Bernasol 2023-10-11 20:19:16 +08:00
parent 4a406957b5
commit 963eaef628
3 changed files with 91 additions and 85 deletions

View file

@ -99,6 +99,7 @@ export default function CreateGroup({ route }: any) {
<AnimatedContainerNoScroll>
<View style={{ zIndex: -1 }}>
<View style={styles.padding} />
<View style={{ borderRadius: 16, overflow: "hidden" }}>
<MapView
style={{
height: Viewport.height * 0.4,
@ -144,6 +145,7 @@ export default function CreateGroup({ route }: any) {
pinColor={colors.primary_1}
/>
</MapView>
</View>
<View style={styles.padding} />
</View>
<TextInput

View file

@ -980,7 +980,9 @@ export default function Home() {
</AnimatedContainer>
</Modal>
<AnimatedContainer>
<View style={{ borderRadius: 16, overflow: "hidden" }}>
<CustomMap />
</View>
</AnimatedContainer>
</View>
);

View file

@ -114,6 +114,7 @@ export default function StartStudying({ route }: any) {
<AnimatedContainerNoScroll>
<View style={{ zIndex: -1 }}>
<View style={styles.padding} />
<View style={{ borderRadius: 16, overflow: "hidden" }}>
<MapView
style={{
height: Viewport.height * 0.4,
@ -159,6 +160,7 @@ export default function StartStudying({ route }: any) {
pinColor={colors.primary_1}
/>
</MapView>
</View>
<View style={styles.padding} />
</View>
<DropDownPicker