Travel App UI in React Native
Explore - Travel Mobile App using Adobe XD and React Native | Part 2
I will be designing Mobile App screens using Adobe XD and will also be coding the UI in React Native. What do you guys think about React Native UI Coding videos? Let me know down in the comments!
In this video i will be designing a Home and Post Details Page for a Travel Mobile Application in React Native. Check out Part 1 of this to see how i design this in Adobe XD. Also make sure to subscribe if you haven't.
Hope you guys enjoy it and have a great day! :D
Software and packages used:
Visual Studio code.
Expo
React Navigation
Social:
Dribbble: https://dribbble.com/TheDesignMedium
Instagram: https://www.instagram.com/thedesignmedium
JSON:
const image = { uri: "https://images.pexels.com/photos/227417/pexels-photo-227417.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" };
const recentImage = { uri: "https://images.pexels.com/photos/258196/pexels-photo-258196.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" };
const [gallery, setgallery] = useState([
{ image: {uri: 'https://images.pexels.com/photos/672358/pexels-photo-672358.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'}, title: 'Switzerland', key: '1' },
{ image:{uri:'https://travel.usnews.com/static-travel/images/destinations/331/edited_south_island_nz_getty_irma_ferreira_445x280.jpg'}, title: 'New Zeland',key: '2' },
{ image:{uri:'https://travel.usnews.com/static-travel/images/destinations/108/main_image_cropped_rome_445x280.jpg'}, title: 'Rome',key: '3' },
{ image:{uri:'https://travel.usnews.com/static-travel/images/destinations/288/tahiti_main_getty_samantha_t_photography_edited_445x280.jpg'}, title: 'Tahiti', key: '4' },
]);
––––––––––––––––––––––––––––––
Track: Frame — KV [Audio Library Release]
Music provided by Audio Library Plus
Watch: https://youtu.be/KkfvLLUtfhI
Free Download / Stream: https://alplus.io/frame
––––––––––––––––––––––––––––––
Видео Travel App UI in React Native канала Design Medium
I will be designing Mobile App screens using Adobe XD and will also be coding the UI in React Native. What do you guys think about React Native UI Coding videos? Let me know down in the comments!
In this video i will be designing a Home and Post Details Page for a Travel Mobile Application in React Native. Check out Part 1 of this to see how i design this in Adobe XD. Also make sure to subscribe if you haven't.
Hope you guys enjoy it and have a great day! :D
Software and packages used:
Visual Studio code.
Expo
React Navigation
Social:
Dribbble: https://dribbble.com/TheDesignMedium
Instagram: https://www.instagram.com/thedesignmedium
JSON:
const image = { uri: "https://images.pexels.com/photos/227417/pexels-photo-227417.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" };
const recentImage = { uri: "https://images.pexels.com/photos/258196/pexels-photo-258196.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" };
const [gallery, setgallery] = useState([
{ image: {uri: 'https://images.pexels.com/photos/672358/pexels-photo-672358.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'}, title: 'Switzerland', key: '1' },
{ image:{uri:'https://travel.usnews.com/static-travel/images/destinations/331/edited_south_island_nz_getty_irma_ferreira_445x280.jpg'}, title: 'New Zeland',key: '2' },
{ image:{uri:'https://travel.usnews.com/static-travel/images/destinations/108/main_image_cropped_rome_445x280.jpg'}, title: 'Rome',key: '3' },
{ image:{uri:'https://travel.usnews.com/static-travel/images/destinations/288/tahiti_main_getty_samantha_t_photography_edited_445x280.jpg'}, title: 'Tahiti', key: '4' },
]);
––––––––––––––––––––––––––––––
Track: Frame — KV [Audio Library Release]
Music provided by Audio Library Plus
Watch: https://youtu.be/KkfvLLUtfhI
Free Download / Stream: https://alplus.io/frame
––––––––––––––––––––––––––––––
Видео Travel App UI in React Native канала Design Medium
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build and Deploy Your First Modern React Native App | NFT Marketplace Course - Extremely Easy!Hotel View - Travel App UI with React Native #1React Native Animated Tabs & Animated Indicator using FlatListUber Eats Sticky Header - “Can it be done in React Native?”React Native | Infinite Carousel View - 2020Movie Streaming App UI in React NativeWhy you should look into these React component styling options!🔴 Build the Airbnb app in React Native [ Advance UI ]Alex Hinson - Rapid Cross-Platform AR Development with React Native - jsday 2019React Native Tutorial for Beginners - Build a React Native AppLCRN EP8 - Food Delivery App - React Native UIReact Native Login Authentication PART 1 (step-by-step tutorial)Finance App UI in React Native🔴 Build an Airbnb Clone with REACT JS for Beginners!E-Commerce product listing page ui design using Reactjs | ReactJS Tutorial-List RenderingWeb UI Design with a Parallax Slider | Adobe XDBuild landing page with React and Material UI.How to Use Google Maps in React Native - Part 2Build A Node.js API Authentication With JWT TutorialStarbuck UI by Beti id Dribbble To React Native Part #01