A cross platform UI template to build a Food Delivery App that provides all the necessary screens along with NativeBase and React Navigation.
This is an design app, so APIs are not connected. You can add dummy data while checking it out. Demo Link: tomato-app
This project exists thanks to all the people who contribute.
Code-level contributions to Tomato app come in the form of pull requests. These are done by forking the repo and making changes locally. You can raise a PR against development branch.
Snippet showing rendering of content on basis of Breakpoint on web
function ZomatoCategories() {
const router = useRouter();
const noColumn = useBreakpointValue({
base: 2,
md: 4,
});
return (
<HStack
direction={{ base: "column", md: "row" }}
mt="16"
flexWrap="wrap"
width={{ base: "80%", sm: "50%", md: "100%" }}
justifyContent={{ base: "", sm: "center" }}
space={{ base: 4, lg: 2 }} >
{list.map((item, index) => (
<Pressable
key={index}
onPress={() => {
router.push("/goformeal");
}} >
<Card item={item} />
</Pressable>
))}
</HStack>
);