<View style={{ flexDirection: "row", flexWrap: "wrap", flexShrink: 1 }}>

                                <Picker

                                    selectedValue={shippingMenu}

                                    style={{ height: 50, width: dimensions <= 500 ? 128 : 150, marginLeft: 15, borderRadius: 5, borderWidth: 1, borderColor: '#bdc3c7', flexShrink: 1 }}

                                    onValueChange={(itemValue, itemIndex) => handleChange(itemValue)}

                                >

                                    <Picker.Item label="All" value="" />

                                    <Picker.Item label="Shipping ID" value="Shipping_Id" />

                                    <Picker.Item label="Order ID" value="Order_Id" />

                                    <Picker.Item label="Shipping Address ID" value="Shipping_Address_Id" />

                                    <Picker.Item label="Shipping Status" value="Shipping_Status" />

                                </Picker>

                            </View>

                        }

                        <View style={{ flex: dimensions <= 500 ? 0.6 : 0.1 }} />

                        <View style={{ width: dimensions <= 500 ? '60%' : "30%" }}>

                            <Searchbar

                                style={{ borderRadius: 5, borderWidth: 1, borderColor: '#bdc3c7', marginRight: 15, marginLeft: 11 }}

                                placeholder="Search"

                                onChangeText={(value) => handleSearch(value)}

                                value={shippingSearch}

                            />

                        </View>

                        <View style={{ flexWrap: "wrap", flexShrink: 1, marginTop: 10, marginLeft: 16 }}>

                            <Button mode="contained" style={{ width: 127 }} onPress={() => { handleClickreturn() }}>

                                RETURNED

                            </Button>

                        </View>

                        <View style={{ flexWrap: "wrap", flexShrink: 1, marginTop: 10, marginLeft: 12 }}>

                            <Button mode="contained" onPress={() => { handleClickcancel() }}>

                                CANCELLED

                            </Button>

                        </View>

                    </View>