While Stying Flex-1 doesn't work while working with React Native on an android phone

My code: -

<View className="flex-row items-center space-x-2 pb-2 mx-4"><View className="flex-row space-x-2 bg-gray-200 p-3 flex-1"><SearchIcon color="gray" size={20} /><TextInput          placeholder="Restaurants and Cusines"          keyboardType="default"        /></View><AdjustmentsIcon color="#00CCBB" /></View>

also I am using tailwind-css but I also checked it with normal stying it doesn't work :(