@redshank/native

The objective of this project is to create a complete and advanced framework such as Antd for the web, I want to be able to offer a set of reusable components that are native and beautiful in such a way that we all love to use it in our projects

Documentation

Documentation under construction, launch scheduled for November 30, 2022.

Installation

1npm install @redshank/native

Usage

Make sure you have react-native>=0.65.0

Documentation

Documentation here

Code Example

1import {
2  Button,
3  Space,
4  Text,
5  ThemeProvider,
6} from '@redshank/native';
7
8export default function App() {
9  // automic dark mode
10  return (
11    <ThemeProvider>
12      <ScrollView contentContainerStyle={styles.view}>
13        <View style={styles.container}>
14          <View>
15            <Text>Buttons</Text>
16            <Text level={4}>Default buttons</Text>
17            <Space justify="center">
18              <Button>Primary</Button>
19              <Button color="success">Success</Button>
20              <Button type="link" color="warning">
21                Warning
22              </Button>
23              <Button type="outline" color="error">
24                Error
25              </Button>
26            </Space>
27          </View>
28          <View>
29            <Text level={4}>Circle buttons</Text>
30            <Space justify="center">
31              <Button shape="circle">Primary</Button>
32              <Button shape="circle" color="success">
33                Success
34              </Button>
35              <Button type="link" shape="circle" color="warning">
36                Warning
37              </Button>
38              <Button type="outline" shape="circle" color="error">
39                Error
40              </Button>
41            </Space>
42          </View>
43          <View>
44            <Text level={4}>Custom color buttons</Text>
45            <Space justify="center">
46              <Button color="magenta">Magenta</Button>
47              <Button color="orangered">Orangered</Button>
48              <Button color="green">Green</Button>
49              <Button color="purple">Purple</Button>
50            </Space>
51          </View>
52        </View>
53      </ScrollView>
54    </ThemeProvider>
55  );
56}

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT