React Native Tutorial #18 - Global Styles

Hey gang, in this React Native tutorial we'll apply some global styles to our components in an external "styleseet".
----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[talha-safdar]

The more videos of you I watch the more I learn and the more I am happy that we have someone like you. You are really helping me. May God bless you and keep you good. You are saving me a lot of time and keep every video short and on the point.

[mimimumu]

Since I've discovered this guy's tutorials I refused to follow anyone else tutorial! Thanks for the content you're sharing, your work is absolutely amazing, I've learnt so much thanks to your channel. The way you teach makes everything easy ! You really deserve more recognition !

[jayanisumudini]

Thank you.Excellent!!!.
And I think no need to import 'StyleSheet' into the about, home and reviewDetails files now.

[cedrickvstheworld]

I did the same! I'm glad that the ninja thinks the same :D

[ravibhati]

Very nice info. I am waiting for this video. Keep up the good work.

[patric_forreal]

Broo, Thanks a lot for This informative lessons of you,

Also broo I have a request to You, Broo on your Node Js Tutorial's last episode you promised to do other Node Js related tutorials such as Web Sockets, and Mongose DB congrats to you broo, you did it!!!
It's only one part that you didn't covered and you also promised, the part of UNIT TESTING IN JAVASCRIPT USING MOCHA AND CHAI, Broo as you know unit testing is super important,
So I humbly request for the sake of Others and Me as well, to have a consideration on that important aspect,

It is my hope that my request with be accepted before you

Thanks once again for your crusial help in educating the public !!!!

[sidharthpunathil]

How would you loadasync if you were not using expo?

[Isr-techkido]

Here's how I solved the custom font issue, where AppLoading module is deprecated:
import Home from "./screens/Home";
import { useFonts } from "expo-font";
import * as SplashScreen from "expo-splash-screen";
import { useCallback } from "react";
import { View } from "react-native";


export default function App() {
const [fontsLoaded] = useFonts({
"oswald-bold": require("./assets/fonts/Oswald-Bold.ttf"),
"oswald-regular": require("./assets/fonts/Oswald-Regular.ttf"),
});

const onLayoutRootView = useCallback(async () => {
if (fontsLoaded) {
await SplashScreen.hideAsync();
}
}, [fontsLoaded]);

if (!fontsLoaded) {
return null;
}

return (
<View style={{flex:1}} onLayout={onLayoutRootView}>
<Home />
</View>
);
}

[angelafamera]

getting error: "undefined is not an object (evaluating Any solutions?

[omprakash]

Hi your tutorial just awesome you know both flutter amd react native so which one you recommend?

[abhishekgadewar]

when i add flex=1 the text just goes out of page and is not visible

[pranaydas]

Hey, I really like this tutorial . I want to ask will there be any tutorial using react navigation, with context api and hooks? thank you

[saurabhjain]

I got this error every time. If i dismiss, the app works fine.
fontFamily is not a system font and has not been loaded through Font.loadAsync

[abdelaesus]

"the development server returned response error code 500" this is what i get. There is no way to make the global styles work.

[SkyLordPanglot]

Great content, but this is not exactly global styles. This is importing the same constant and pasting it on every line. Isnt there a way to really set styles for the whole app without copy pasting a stylesheet every line? For example I need to set my font to sofiasans for the whole app, but there is no way to do that. I need to pass through every text field and apply style to them. What happens if they are hundreds of thousands?