MissCoding
MissCoding
  • Видео 253
  • Просмотров 1 330 911
Screen Orientation and Changing Layouts in Expo React Native Apps
Hi everyone!
Today I'm showing you how to listen for screen orientation changes in your Expo react native app. I will also show you how to set an initial default and get the current state of screen orientation to help you deliver a better experience for your users. We will look at how to adjust layouts when changing from portrait to landscape and vice versa for the simple example of changing whether buttons are displayed in a row or column.
My code for this is available on GitHub:
github.com/chelseafarley/orientation-expo-tutorial
And you can find full documentation on expo-screen-orientation here:
docs.expo.dev/versions/latest/sdk/screen-orientation
You’ve clearly come here to learn and a free...
Просмотров: 73

Видео

How to Get, Add, Update, Delete & Share Contacts for your Expo React Native Apps on iOS and Android
Просмотров 5852 месяца назад
Hi everyone! Today I'm showing you how to get, add, update, delete & share contacts for your Expo React Native Apps on iOS and Android. We will do this using the expo-contacts package. My code for this is available on GitHub: github.com/chelseafarley/contacts-react-native-tutorial And you can find full documentation for expo-contacts here: docs.expo.dev/versions/latest/sdk/contacts/ You’ve clea...
Create App Icons, Splash Screens and Favicons and Update these Assets for your Expo React Native App
Просмотров 9682 месяца назад
Hi everyone! Today I'm showing you how to create your own app assets including app icons, splash screens and favicons. I will also show you how to update these inside your Expo app. My code for this is available on GitHub: github.com/chelseafarley/assets-react-native-tutorial And you can find full documentation on the splash screen here: docs.expo.dev/versions/latest/sdk/splash-screen/ You’ve c...
React Native Image - Resize Mode, Image Source, Accessibility and Blur Radius
Просмотров 4973 месяца назад
Hi everyone! Today I'm showing you how to use a react native image in your app. We will cover different resize modes such as stretch, cover, contain and repeat. We will also cover blur radius and sizing of images along with different types of sources for images. This is applicable to any type of react native app, although I will be demoing this using Expo as I find it a good way to get up an ru...
Creating, Finding and Adding Animated Images to your React Native App with Lottie to Elevate UX
Просмотров 2724 месяца назад
Hi everyone! Today I'm showing you how to use Lottie to find and create animations to elevate your apps to the next level and provide an immersive user experience. With Lottie you can create animations on the web, download a JSON file and use it in your React Native app, and best of all... It's free! Let's get creating wonderful apps for our users. My code for this is available on GitHub: githu...
Dismiss Keyboard Programmatically and Subscribe and Unsubscribe to Keyboard Events for React Native
Просмотров 2274 месяца назад
Hi everyone! Today I'm showing you how to dismiss your Keyboard programmatically and subscribe and unsubscribe to events in React Native. My code for this is available on GitHub: github.com/chelseafarley/keyboard-react-native-tutorial And you can find full documentation here: reactnative.dev/docs/keyboard You’ve clearly come here to learn and a free audible trial allows you to increase your lea...
Animating React Native Views using Animated including Combining Multiple Animations & Interpolation
Просмотров 4724 месяца назад
Hi everyone! Today I'm showing you the basics of working with Animated in React Native. I will show you how to stop, start and reset an animation. As well as how to animate sequences, loops and in parallel animations. We will focus on how to animate position and use an easing function to do so. We will also look at scale, opacity and colour. I will show you that you can trigger two separate ani...
GitHub Copilot for Beginners! How to use GitHub Copilot in Visual Studio Code and Improve Efficiency
Просмотров 2594 месяца назад
Hi everyone! Today I'm showing you the basics of using Github Copilot with Visual Studio Code to improve your efficiency as a software developer. In this tutorial, I will show you how to generate a Python Flask API endpoint and add additional endpoints. Finally, I will show you a bit of autocomplete and how to add tests. You’ve clearly come here to learn and a free audible trial allows you to i...
How to Implement Swipe to Delete for React Native Lists using Flat List and Animated Views
Просмотров 1,9 тыс.5 месяцев назад
Hi everyone! Today I'm showing you how to implement swipe to delete functionality for your React Native Lists using a FlatList component and Animated Views and Translations. We start by implementing a simple FlatList with a ListItem component for rendering list items, then we move to animating list items to show a delete button on swipe left. My code for this is available on GitHub: github.com/...
Persisting Data to UserDefaults for SwiftUI iOS Apps - Simple Todo List First Project for SwiftUI
Просмотров 1796 месяцев назад
Hi everyone! Today I'm showing you how to add, update, load and delete to do list items using UserDefaults or local storage on your iOS device. We will use SwiftUI to create a textfield and button, alongside a list of items with delete and edit actions enabled. My code for this is available on GitHub: github.com/chelseafarley/SwiftUIUserDefaultsTutorial You’ve clearly come here to learn and a f...
How to Add Navigation to Your SwiftUI iOS Apps // Including Environment Objects and Nav Bar Buttons
Просмотров 3587 месяцев назад
Hi everyone! Today I'm showing you how to add navigation to your SwiftUI app. I will show you how to set environment objects that are available across different views, link to different pages, set the navigation bar title, define pages inline alongside their navigation link and how to work with view state and navigation bar buttons! My code for this is available on GitHub: github.com/chelseafar...
How to Open an App from an Expo React Native App using App Linking and Passing Route Parameters
Просмотров 4,4 тыс.8 месяцев назад
Hi everyone! Today I'm showing you how to link from one app to another. This will enable you to give your users a good experience by enabling good integration between different apps on the user's phone. I will show you how to open the home page, how to open to a specific page and also how to pass route parameters. My code for this is available on GitHub: github.com/chelseafarley/expo-linked-to ...
How to Open Visual Studio Code from Mac Terminal // Improving Your Dev Productivity
Просмотров 4,9 тыс.9 месяцев назад
Hi everyone! Today I'm showing you how to open visual studio code from a mac terminal. I will specifically focus on showing you how to open the current directory. But you can replace "." with your directory path if you are wanting to open an alternative directory. This will help you as a developer in terms of productivity and help you avoid manually opening and selecting a folder in visual stud...
How to Download File, Pause, Resume and Save to File System for Expo React Native Apps
Просмотров 3,4 тыс.9 месяцев назад
Hi everyone! Today I'm showing you how to download a file, pause, resume and save to your device's file system for Expo React Native Apps. We will use the following packages to achieve this: * expo-file-system: for downloading, pausing, resuming and saving to the file system for Android devices, using StorageAccessFramework * @react-native-async-storage/async-storage: for ensuring if we exit an...
Add Facebook Login to Your Expo React Native Apps using react-native-fbsdk-next + Graph Requests
Просмотров 7 тыс.10 месяцев назад
Hi everyone! Today I'm showing you how to add Facebook login to your Expo React Native Apps using react-native-fbsdk-next. This is a package that allows you to configure your app to login with Facebook from expo react native apps without ejecting, and is effectively a wrapper for the Facebook SDK. It does this using config plugins. I will also show you how to share content e.g. a link and make ...
Dev Productivity Tools - Rectangle the Free Windows Manager for Mac
Просмотров 14610 месяцев назад
Dev Productivity Tools - Rectangle the Free Windows Manager for Mac
Kubecon + Cloud Native Con - My First Big American Conference - Thoughts & Takeaways
Просмотров 9411 месяцев назад
Kubecon Cloud Native Con - My First Big American Conference - Thoughts & Takeaways
How to Authenticate with Firebase and Google for Expo React Native Apps using Google-Signin plugin
Просмотров 21 тыс.11 месяцев назад
How to Authenticate with Firebase and Google for Expo React Native Apps using Google-Signin plugin
How to Authenticate with Google for Expo React Native Apps using Google-Signin Config Plugin LATEST
Просмотров 22 тыс.Год назад
How to Authenticate with Google for Expo React Native Apps using Google-Signin Config Plugin LATEST
Beginners Guide to using VStack, Hstack and ZStack for Layouts in SwiftUI iOS Apps
Просмотров 109Год назад
Beginners Guide to using VStack, Hstack and ZStack for Layouts in SwiftUI iOS Apps
Storing Data Securely on Your Expo React Native App using Expo Secure Store
Просмотров 5 тыс.Год назад
Storing Data Securely on Your Expo React Native App using Expo Secure Store
How to Embed a Google Form in Your React Native App - Gather User Input without a Backend
Просмотров 1,2 тыс.Год назад
How to Embed a Google Form in Your React Native App - Gather User Input without a Backend
How to Get IP Address and Network State in Expo React Native Apps
Просмотров 1,9 тыс.Год назад
How to Get IP Address and Network State in Expo React Native Apps
Automation Testing for Swift iOS Apps - Unit Tests, UI Tests and Performance Tests with XCTest
Просмотров 2,6 тыс.Год назад
Automation Testing for Swift iOS Apps - Unit Tests, UI Tests and Performance Tests with XCTest
How to Run Jest Automation Tests on Push, Pull Request or Manual Trigger for GitHub Actions
Просмотров 1,3 тыс.Год назад
How to Run Jest Automation Tests on Push, Pull Request or Manual Trigger for GitHub Actions
How to Create a Free App Marketing Website in 5 minutes with No Code and Canva Websites
Просмотров 240Год назад
How to Create a Free App Marketing Website in 5 minutes with No Code and Canva Websites
Automation Testing for Expo React Native Apps with Jest and React Native Testing Library
Просмотров 15 тыс.Год назад
Automation Testing for Expo React Native Apps with Jest and React Native Testing Library
Create Reusable Styles with SwiftUI Custom Modifiers and View Extensions for iOS Apps
Просмотров 275Год назад
Create Reusable Styles with SwiftUI Custom Modifiers and View Extensions for iOS Apps
How to Create a Reusable Custom View in Swift using SwiftUI for iOS Apps
Просмотров 318Год назад
How to Create a Reusable Custom View in Swift using SwiftUI for iOS Apps
How To Create A Repeating Background For A Side-scrolling Mobile Game In Affinity Designer 2
Просмотров 174Год назад
How To Create A Repeating Background For A Side-scrolling Mobile Game In Affinity Designer 2

Комментарии

  • @WebWordsWave
    @WebWordsWave День назад

    do i have to add anything in Podfile? as its saying "The Swift pod FirebaseFirestore depends upon FirebaseCoreExtension and FirebaseFirestoreInternal, which do not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set use_modular_headers! globally in your Podfile, or specify :modular_headers => true for particular dependencies. "

  • @inverzcxnbeatz4379
    @inverzcxnbeatz4379 2 дня назад

    thank you ..........theres been some updates since this video but was still able to guide me

  • @iqwebserve3973
    @iqwebserve3973 3 дня назад

    Great video! Clear, concise and to the point. Thank you!

  • @shashanksingh4708
    @shashanksingh4708 5 дней назад

    Your videos are really helpful ! Keep up the good work !

  • @carloshidalgo5942
    @carloshidalgo5942 5 дней назад

    gracias hermosa mujer :D

  • @boallan
    @boallan 13 дней назад

    I thought it would show 0 to 23 for hours, with "is24Hour=true", and not AM/PM

  • @Alokkuamr-fl2uz
    @Alokkuamr-fl2uz 13 дней назад

    Please make a video about installation and setup for expo react native😖

  • @jazz-a-minute
    @jazz-a-minute 14 дней назад

    Thanks for the nice video. Can you show how the server side API validates identity token?

  • @vincenzo8640
    @vincenzo8640 15 дней назад

    HOW DO YOU DEPLOY A GRPC SERVER??

  • @aliyevruslan936
    @aliyevruslan936 16 дней назад

    Almost said SClub instead of Expo at the start XD

  • @ShinnThantMinn
    @ShinnThantMinn 16 дней назад

    thank alot MissCoding

  • @kenjohnson512
    @kenjohnson512 19 дней назад

    Thanks for the great video! The one issue I ran into is that implementing this made it difficult to scroll on the Flatlist. Is there any way to get around this?

  •  19 дней назад

    thank you so much that was very helpful.

  • @millennia
    @millennia 23 дня назад

    The problem is when languages behave rtl 😢😢😢

  • @makod8322
    @makod8322 24 дня назад

    This app has crashed because it attempted to access privacy-sensitive data without a usage description. The app's Info.plist must contain an NSUserTrackingUsageDescription key with a string value explaining to the user how the app uses this data.

  • @ethiodude9886
    @ethiodude9886 26 дней назад

    You are great ! i was trying to get hash key using (keytool -exportcert -alias ..) but was not successful login after i watch your vids it works perfect. Thank You

  • @DotnetDummies
    @DotnetDummies 27 дней назад

    Great video. Thank you

  • @rosechill2035
    @rosechill2035 27 дней назад

    thankyou

  • @GeorgeFlorian12
    @GeorgeFlorian12 Месяц назад

    Unfortunately, Expo moves so fast that nothing from this video works now. Even `expo` as a command is deprecated. Not to mention expo-sqlite had an overhaul.

    • @tabata2680
      @tabata2680 25 дней назад

      Hey do you know some place that made this (sqlite crud in js for react native)but with the new update? I tried to follow the new expo-sqlite doc but I'm still new with this and cant do it by myself with just the documentation to follow

  • @lilyhodgson6942
    @lilyhodgson6942 Месяц назад

    Love your tutorials! So well explained. Thank you fellow kiwi! Subscribed

  • @corybcromer
    @corybcromer Месяц назад

    Love your tutorials!!! Question, how did you find out that the openDatabase func looks in the SQLite directory. I didnt see that anywhere in the docs, and I was looking forever. ahah.

  • @durab8732
    @durab8732 Месяц назад

    Thanks

  • @duanehodges3146
    @duanehodges3146 Месяц назад

    I'm running into an issue with xcode 15.2 where the baseline is not adhering to the threshold I'm setting. Even after i define a baseline it continues displaying, "No baseline set". If the tests exceeds the baseline it's not failing. So I'm not sure how to resolve this. Any help would be greatly appreciated.

  • @briansimpson6696
    @briansimpson6696 Месяц назад

    Thank you!

  • @shawlishawli
    @shawlishawli Месяц назад

    adding the website static pages to a separate git repo + as a git submodule is so clever!

  • @alexisdamnit9012
    @alexisdamnit9012 Месяц назад

    Great tutorial! Learning this for the first time is overwhelming so thanks for the thorough introduction

  • @_Pars__
    @_Pars__ Месяц назад

    GoogleSigninButton is not recognized , can not read property of .. -> chatGPT: GoogleSigninButton is not supported anymore

  • @vignesh-l3i
    @vignesh-l3i Месяц назад

    those expo default icons not avilable in windows operating system , i think its available in mac system

  • @animscripts
    @animscripts Месяц назад

    wow.. Can you please make it like.. if i want to put stickers on face. or cheeks.. ?

  • @naveenschoudhary8322
    @naveenschoudhary8322 Месяц назад

    It does not work if you using development build

  • @TiếnNguyễn-k3n
    @TiếnNguyễn-k3n Месяц назад

    My fb app is bussiness, I can't use it, i want get my page, any ideas to help me?

  • @MihaiDanino
    @MihaiDanino Месяц назад

    how do i bypass this null for first and last name ?

  • @oneahamd
    @oneahamd Месяц назад

    👍GOOD JOB

  • @vovavolunets3922
    @vovavolunets3922 Месяц назад

    q

  • @thevidgaming
    @thevidgaming Месяц назад

    Whare the steps when doing production build?

    • @matthieuuw8301
      @matthieuuw8301 Месяц назад

      It is working on Android development but not Android production for me, same for you ?

  • @xinyi4625
    @xinyi4625 Месяц назад

    thank you for your videos!

  • @martinareverberi3182
    @martinareverberi3182 Месяц назад

    È possibile inserire al posto di Apple maps la mappa di open street map?

  • @droidh4x0r6
    @droidh4x0r6 Месяц назад

    For the ones that say that it is not working, just ensure to follow all the steps. It is working for me as Sept 29-2024. Thank you Chelsea!

    • @matthieuuw8301
      @matthieuuw8301 Месяц назад

      Is it working on Android PRODUCTION profile for you ?

    • @mayankchandratre191
      @mayankchandratre191 19 дней назад

      i am using android development build and getting the Invarient Violation error do you know anything about it

  • @whiskersblues
    @whiskersblues Месяц назад

    They should add your voice as an option because you have a lovely accent.

  • @ZetaCodebyLaureano
    @ZetaCodebyLaureano Месяц назад

    You are the best! Thank you so much ❤

  • @benarcher372
    @benarcher372 Месяц назад

    What a nice React Native channel! I will definitely look around! 🙂

  • @ericyan05
    @ericyan05 Месяц назад

    Hello, when I try to login in it gives me an error 400: invalid_request Access blocked: Authorization error. Any times on how to resolve this?

  • @ntindaSnyper
    @ntindaSnyper Месяц назад

    Would you tell us how to use .lottie files too in react native? The current documentation is scanty.

  • @موسىعيسى-ظ9م
    @موسىعيسى-ظ9م Месяц назад

    When I add the library and flow the steps it faild to load on web is there a way To work on the web even no need the pdf just to work

  • @trailforksphone1863
    @trailforksphone1863 2 месяца назад

    greet.proto:7:17: "HelloRequest" is not defined. greet.proto:7:40: "HelloReply" is not defined. greet.proto:10:24: "HelloRequest" is not defined. greet.proto:10:47: "HelloReply" is not defined. greet.proto:13:37: "HelloRequest" is not defined. greet.proto:13:60: "DelayedReply" is not defined. greet.proto:16:25: "HelloRequest" is not defined. greet.proto:16:55: "HelloReply" is not defined.

  • @ubcVancouver2010
    @ubcVancouver2010 2 месяца назад

    Lots of details are being glossed over here and many are outdated as of Sep 2024

  • @Foxie
    @Foxie 2 месяца назад

    It's really working. Thank you miss

  • @victoressang
    @victoressang 2 месяца назад

    I have a question. Can we use this to trigger a deep link when the app is closed?

  • @jimmyjam77
    @jimmyjam77 2 месяца назад

    EAS cloud build adds a thick white border to my app icon. Any suggestions?

  • @ElMauriDev
    @ElMauriDev 2 месяца назад

    Hay de esto pero para React NAtive Cli? No encuentro una libreria que funcione..