MissCoding
MissCoding
  • 251
  • 1 216 813
Create App Icons, Splash Screens and Favicons and Update these Assets for your Expo React Native App
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 clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:
amzn.to/49NX6Xe
// ABOUT ME
My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.
I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!
Please like and subscribe if you enjoyed this video and want to see more like it!
Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!
// PRODUCTS USED
I use the following products in the creation of my videos:
Boya MM1 Microphone - amzn.to/3uupmOB
A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops
Canon 18-55mm Lens - amzn.to/3QYYdLk
A kit lens but a decent quality lens for beginners getting used to a DSLR
Canon EOS Rebel T7 with 18-55mm Lens - amzn.to/3GdRPuq
This is the kit I started with it includes the lens linked above and is a great starter camera.
I love Apple devices... These are the ones I use for my channel content creation:
Apple iPhone 13 - amzn.to/3G8pHcl
A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.
Apple MacBook Pro - amzn.to/3MUuPV8
A nice portable computer for working from anywhere and perfect for iOS development
Apple iPad Air - amzn.to/49LvYrY
Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
//CONTACT:
Please contact me at: hello@tripwiretech.com
//CRAVING MORE:
You can find links to all my different sites and social media over on Linktree: linktr.ee/misscoding
Переглядів: 29

Відео

React Native Image - Resize Mode, Image Source, Accessibility and Blur Radius
Переглядів 26014 днів тому
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
Переглядів 201Місяць тому
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
Переглядів 134Місяць тому
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
Переглядів 316Місяць тому
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
Переглядів 192Місяць тому
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
Переглядів 7142 місяці тому
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
Переглядів 1273 місяці тому
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
Переглядів 1904 місяці тому
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
Переглядів 2,6 тис.5 місяців тому
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
Переглядів 2,2 тис.6 місяців тому
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
Переглядів 2,5 тис.6 місяців тому
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
Переглядів 6 тис.7 місяців тому
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
Переглядів 1437 місяців тому
Hi everyone! Today I'm sharing with you a productivity tool for devs using Macs. This is the Rectangle app, which helps you manage your windows and move them around using either recommended or custom keyboard shortcuts. It is a great way to spend more time on the keys and less time fiddling around with the sizing of windows using the mouse. And you can find the download link here: rectangleapp....
Kubecon + Cloud Native Con - My First Big American Conference - Thoughts & Takeaways
Переглядів 858 місяців тому
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
Переглядів 16 тис.8 місяців тому
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
Переглядів 18 тис.9 місяців тому
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
Переглядів 909 місяців тому
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
Переглядів 3,9 тис.9 місяців тому
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 тис.10 місяців тому
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,5 тис.10 місяців тому
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
Переглядів 1,9 тис.11 місяців тому
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,1 тис.11 місяців тому
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
Переглядів 23311 місяців тому
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
Переглядів 12 тис.11 місяців тому
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
Переглядів 241Рік тому
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
Переглядів 190Рік тому
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
Переглядів 138Рік тому
How To Create A Repeating Background For A Side-scrolling Mobile Game In Affinity Designer 2
How to Add a Date Time Picker Component to your React Native Apps
Переглядів 15 тис.Рік тому
How to Add a Date Time Picker Component to your React Native Apps
How to Add a Text Field to SwiftUI iOS Apps and Get The Value Back Out!
Переглядів 197Рік тому
How to Add a Text Field to SwiftUI iOS Apps and Get The Value Back Out!

КОМЕНТАРІ

  • @zelvrs
    @zelvrs День тому

    please make import and export sqlite for wal mode cause i've already set the mode to wal mode and now i've got 3 different file .db, -wal, and -shm 🙏

  • @vittorpatricio2460
    @vittorpatricio2460 2 дні тому

    can i generate the pdf in a horizontal layout or it's only in vertical?

  • @collinnjuguna64
    @collinnjuguna64 3 дні тому

    Very straight forward

  •  4 дні тому

    It was a very good and helpful video!. I got a question. What about if I dont wanna have several languages in my App, only Spanish. I'm asking this cuz I coded my app in Spanish, but when I submitted to the AppStore, the AppStore says: Language: English. Is there a way to set only one languaje? Thanks in advance

  • @Paul-f4p
    @Paul-f4p 4 дні тому

    Thanks a lot! Great content. Love from France 🤩

  • @exammaster584
    @exammaster584 7 днів тому

    Soo its work on cli ?

  • @pranavsawant9450
    @pranavsawant9450 8 днів тому

    Thanks , help alot ! , need more tutorials

  • @facundoortiz8251
    @facundoortiz8251 8 днів тому

    hi ! excellent video!! perfectly explained, just what i was looking for. here goes my like and subscription, misscoding!

  • @JennaHall-c1n
    @JennaHall-c1n 9 днів тому

    Nice tutorial! I'd recommend rewatching at least once!

  • @MrKranthivardhan
    @MrKranthivardhan 10 днів тому

    what is status for sending email to wrong email

  • @ashtheproducer
    @ashtheproducer 11 днів тому

    helpful

  • @otodidak_misaja5725
    @otodidak_misaja5725 12 днів тому

    please make a tutorial about facial recognition that can generate names with expo reacnative

  • @chazzageorge3506
    @chazzageorge3506 13 днів тому

    Amazing! Just what I needed and explained so well, thank you!

  • @ciprianbarbu4091
    @ciprianbarbu4091 13 днів тому

    Awesome stuff. When you do these kind of things, can you make the font bigger(for both editor and terminal), it would be nice

  • @vladbarbu3372
    @vladbarbu3372 13 днів тому

    very good video, hard to find easy and clear examples on this topic

  • @salmanazhar5306
    @salmanazhar5306 13 днів тому

    too much yapping. What a waste of time

  • @maxssss3547
    @maxssss3547 13 днів тому

    Just what I needed. Thank you so much

  • @TalhaUymaz
    @TalhaUymaz 14 днів тому

    Can you make a video about import 3D Objects :) for react native

  • @Jeancympoycoding
    @Jeancympoycoding 15 днів тому

    I like it Mom

  • @nonstar8182
    @nonstar8182 17 днів тому

    too bad they didn't build in some saving/sharing functionality on this plugin

  • @eli.samuel
    @eli.samuel 19 днів тому

    Thank you for this great video however after executing mine, I got this error - {"error": {"code": 401, "message": "Request is missing required authentication credential. Expected OAuth 2 access token, login cookie or other validuthentication credential. Exp authentication credential. See developers.google.com/identity/sign-in/web/dee developers.google.evconsole-project.", "status": "UNAUTHENTICATED"}}

  • @heyitsjoshd
    @heyitsjoshd 20 днів тому

    Always come back to this one because it works! I always have to find the postscript name from the Font Book.

    • @heyitsjoshd
      @heyitsjoshd 20 днів тому

      I should add one tip also is to make sure the .ttf is being included in the copy bundle resources stage ( App -> Build Stages -> Copy Bundle Resources )

  • @yourjhay
    @yourjhay 21 день тому

    is expo go? always ask for permission every time you download a file????

  • @robertocarriero5728
    @robertocarriero5728 22 дні тому

    Hi Chelsea, I'm watching your videos and they are very good and instructive to learn. Thank you so much. I am Roberto from Buenos Aires Argentina

  • @alirezascript
    @alirezascript 23 дні тому

    Thanks for that

  • @user-eq2fm6is5j
    @user-eq2fm6is5j 23 дні тому

    ---- to the .

  • @joshuathomasbrooks9450
    @joshuathomasbrooks9450 25 днів тому

    my terminal goes to the main terminal and says no command found?

  • @tienphanmemtinh8207
    @tienphanmemtinh8207 25 днів тому

    I run your example i run Expo Go scan QR code error, can you help me fix this error ? Your email is broken, I can't send it ?

  • @mariondorsett
    @mariondorsett 25 днів тому

    Thank you for the tutorial. Could you create an instructional video on how to troubleshoot and fix errors? I'm not new to coding, but I am new to writing code that has to be compiled. Following your tutorial I ran into issues w/ the Kotlin version, missing the minimum android SDKs. I eventually resolved the errors I kept running into, but after hours of frustration, I eventually just grabbed your code from GitHub to see if it would work, since I was injecting my own syntax errors. I'm happy to report that your code worked, and appear to have fixed all of the issues I ran into. The biggest issue I'm running into with so many different tutorials, is that all of them are 10 months or older and so far, all of them have had some kind of error due to updates in the programming languages, plugins or compilers. I feel like if I knew how to deal with those better, that I could then watch any of these videos and have a clue about how to fix the issues I encounter. If I understanding what's happening, dart is getting interpolated to or by Kotlin, and that code is passed to gradle which then complies the code for the intended device platform (andoid, ios and etc). At some point I become so confused and frustrated by the mounting errors, I'm not sure which one is the real cause, or if their the result of another error.

  • @sebasn6751
    @sebasn6751 26 днів тому

    gut totoriel

  • @LinhNguyen-nh8oq
    @LinhNguyen-nh8oq 27 днів тому

    thanks it work

  • @LinhNguyen-nh8oq
    @LinhNguyen-nh8oq 28 днів тому

    10:46 why when you paste and then all the double quotes is removed, in my vscode it doesnt work

  • @sebasn6751
    @sebasn6751 28 днів тому

    hewo i tried using it inside component and it doesnt show up on the phone emulator, but if i do it on the app.tsx like main file, then it does work and shows up. u know how to fix this pls :D? edit:i fixed it tldr: basically parent container, that stores component that has pageviewer, must have flex:1. otherwise it wont show up

  • @manjurulkhan2308
    @manjurulkhan2308 Місяць тому

    Thank you for the tutorial. You might consider blurring out some of your personal information when you are editing the videos, for your safety and privacy.

  • @Adthi_playz_vip_god
    @Adthi_playz_vip_god Місяць тому

    Try import AVkit too

  • @Adthi_playz_vip_god
    @Adthi_playz_vip_god Місяць тому

    This DOES NOT WORK

  • @usmanmarkaz
    @usmanmarkaz Місяць тому

    which command you usw to create this expo project

    • @MissCoding
      @MissCoding Місяць тому

      npx create-expo-app AppNameGoesHere -template blank

  • @Foxglovechannel
    @Foxglovechannel Місяць тому

    I want to create stickers to sell on the App Store that I designed myself, is there a way to do that? I’m a college student studying animation.

  • @lizhang3458
    @lizhang3458 Місяць тому

    I found that for expo sdk 51, expo-ads-facebook does not work, it is still the version from 2 years ago.

  • @andrejkling3886
    @andrejkling3886 Місяць тому

    Excellent tutorial… thank you 💯

  • @oldmanballing
    @oldmanballing Місяць тому

    I have been getting "the sdk has not been initialized make sure to call facebooksdk.sdkinitialize() first" on Android Emulator. Any ideas??

  • @swayampandya1704
    @swayampandya1704 Місяць тому

    Hey I did the same thing but forgot how to build that. Can you please tell me the build command

  • @adrianosousamendes2948
    @adrianosousamendes2948 Місяць тому

    Anyone knows a TTS with better voice quality?

  • @visaplatium
    @visaplatium Місяць тому

    What are you using for Facebook ads? I'm not finding it anymore

  • @trigga3085
    @trigga3085 Місяць тому

    This helped a lot, thank you very much

  • @rajRaj-tc5gl
    @rajRaj-tc5gl Місяць тому

    thank you very very much! i want to pause automatically when app goes to inactive without pausing, is it possible what about when the app goes to background i tries using rn-fetch-blob, resulted files where currupted

  • @gibber1sh-c6w
    @gibber1sh-c6w Місяць тому

    Thank you. There is one issue though, the `@react-native-google-signin/google-signin` library won't work on the Expo web app. I get the error "RNGoogleSignIn: you are calling a not-implemented method on web platform." How do you implement Google Sign-in on Expo's web app?

  • @neomaedits
    @neomaedits Місяць тому

    Very informative

  • @neomaedits
    @neomaedits Місяць тому

    Great 🎉

    • @MissCoding
      @MissCoding Місяць тому

      Thank you for watching!

  • @arvin_mah
    @arvin_mah Місяць тому

    I there a way to stop the popup permission on each login? I have this setup and each time will ask the user for permission on every single login. even if they give permission at the first login.