<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4" -->

---
title: A Travel App UI in React Native with TailwindCSS | daily.dev
description: Open it in the Expo app on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal. It...
canonical: https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: A Travel App UI in React Native with TailwindCSS | daily.dev
og:description: Open it in the Expo app on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal. It...
og:url: https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4
og:image: https://api.daily.dev/og/posts/b7uHRrXh4.png
og:image:alt: A Travel App UI in React Native with TailwindCSS
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# A Travel App UI in React Native with TailwindCSS

**[React Native Example](https://daily.dev/sources/reactnativeexample)** · 1 min read · 62 upvotes · 2 comments

## Summary

Open it in the Expo app on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal. It also attempts to open your app on a connected Android device or emulator.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://reactnativeexample.com/a-travel-app-ui-in-react-native-with-tailwindcss/>

## Community discussion

Top comments from developers on daily.dev.

**@majka** · 0 upvotes

> Nice one

**@natedata** · 0 upvotes

> I watched this and it was great :)

---

Tags: [#android](https://daily.dev/tags/android), [#ios](https://daily.dev/tags/ios), [#react-native](https://daily.dev/tags/react-native), [#npm](https://daily.dev/tags/npm), [#yarn](https://daily.dev/tags/yarn)

[View this post on daily.dev](https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"A Travel App UI in React Native with TailwindCSS","url":"https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4"},"datePublished":"2023-08-01T03:50:39.938Z","dateModified":"2023-08-01T03:50:29.738Z","description":"Open it in the Expo app on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal. It...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f9d1efd138a38c16923e15fb5aa49594?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f9d1efd138a38c16923e15fb5aa49594?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"React Native Example","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"React Native Example","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/3e4aefa0b30c496fa6249960f6d58198","url":"https://daily.dev/sources/reactnativeexample"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":62},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"android,ios,react-native,npm,yarn","timeRequired":"PT1M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"React Native Example","item":"https://daily.dev/sources/reactnativeexample"},{"@type":"ListItem","position":3,"name":"A Travel App UI in React Native with TailwindCSS"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4","comment":[{"@type":"Comment","text":"Nice one","datePublished":"2023-08-01T11:13:01.429Z","url":"https://daily.dev/posts/b7uHRrXh4#c-rteDlI0Wv","author":{"@type":"Person","name":"Matek","url":"https://daily.dev/majka","image":"https://avatars.githubusercontent.com/u/47884779?v=4"}},{"@type":"Comment","text":"I watched this and it was great :)","datePublished":"2023-08-01T09:54:01.565Z","url":"https://daily.dev/posts/b7uHRrXh4#c-bR9OMYOyM","author":{"@type":"Person","name":"Nate Daly","url":"https://daily.dev/natedata","image":"https://media.daily.dev/image/upload/s---PCWtLQs--/f_auto/v1726039818/avatars/avatar_yQvV75GJNPqNMpljXy4uK"}}]}
```

