Hi @omarkb222,
I’ll recommend going over the documentation on how to do those things. It’s quite easy to understand from there. Here is the relevant link :
https://docs.expo.io/versions/latest/react-native/stylesheet/
Here is an example, you’ll need to use Stylesheets :
A StyleSheet is an abstraction similar to CSS StyleSheets
Creates a StyleSheet style reference from the given object:
import React from "react";
import { StyleSheet, Text, View } from "react-native";
const App = () => (
<View style={styles.container}>
<Text style={styles.title}>React Native</Text>
</View>
);
const styles = StyleSheet.create({
container: {
flex: 1,
padding: 24,
backgroundColor: "#eaeaea"
},
title: {
marginTop: 16,
paddingVertical: 8,
borderWidth: 4,
borderColor: "#20232a",
borderRadius: 6,
backgroundColor: "#61dafb",
color: "#20232a",
textAlign: "center",
fontSize: 30,
fontWeight: "bold"
}
});
export default App;
Regards,
KFSys