overlap

<View style={{ flex: 1 }}>
                        <View style={{ flex: 1 }}>
                            <View style={{ backgroundColor: 'black', width: 250, height: 50, alignItems: 'center' }}>
                            </View>
                            <View style={{ backgroundColor: 'red', width: 50, height: 50, borderRadius: 25, marginTop: -20 }}></View>
                            <View>
                                <Text>testing</Text>
                            </View>
                        </View>
                        <View style={{ flex: 4 }}>
                            <Text>coba coba</Text>
                        </View>
                    </View>