Package Exports

@crossed/styled
@crossed/styled/lib/commonjs/index.js
@crossed/styled/lib/module/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@crossed/styled) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@Crossed/styled

Introduction

@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.

Installation

pnpm i @crossed/styled react-native-unistyles

Configuration

finish installation and configure react-native-unistyles, need help to configure react-native-unistyles ? look here

Getting Strated

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.

Contribution

Want to Contribute to our project ? Check our contribution guide line