@Crossed/styled is here to streamline your styling workflow, offering the same ease of use as style-components but with a cross-platform twist. Additionally, CSS simplifies maintenance and scalability, allowing for consistent style changes and design expansion as the website evolves.
pnpm i @crossed/styled react-native-unistyles
finish installation and configure react-native-unistyles, need help to configure react-native-unistyles ? look here
All you need to do is import styled from @crossed/styled and a component from any of your favorite UI library Then style your component as you want and use it in your app as shown below
import { styled } from '@crossed/styled';
import { Text } from "react-native";
const TextStyled = styled(Text, {
color: "red"
});
function App () {
return <TextStyled>Hello World!</TextStyled>;
}
Go check our documentation to find more details.
Want to Contribute to our project ? Check our contribution guide line