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

View file

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

View file

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