Skip to content

Commit edf6239

Browse files
committed
New example and new documantation is here
1 parent f79db6c commit edf6239

File tree

5 files changed

+25
-5
lines changed

5 files changed

+25
-5
lines changed

README.md

+22-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)
1212

1313
<p align="center">
14-
<img alt="React Native Animated Radio Button" src="assets/Screenshots/example.gif" height="700" />
14+
<img alt="React Native Animated Radio Button" src="assets/Screenshots/react-native-animated-radio-button.gif" />
1515
</p>
1616

1717
# Version 2 is here 😍
@@ -44,7 +44,7 @@ npm i react-native-animated-radio-button
4444
import RadioButton from "react-native-animated-radio-button";
4545
```
4646

47-
## Fundamental Usage
47+
## Basic Usage
4848

4949
You can check the example out 😏
5050

@@ -56,6 +56,22 @@ You can check the example out 😏
5656
/>
5757
```
5858

59+
## Customization Usage
60+
61+
```jsx
62+
<RadioButton
63+
style={{
64+
marginTop: 32,
65+
borderRadius: 16,
66+
borderWidth: 3,
67+
borderColor: "#328da8",
68+
}}
69+
innerBackgroundColor="#328da8"
70+
innerContainerStyle={{ height: 35, width: 35, borderRadius: 10 }}
71+
onPress={(isActive: boolean) => console.log("isActive: ", isActive)}
72+
/>
73+
```
74+
5975
# Configuration - Props
6076

6177
| Property | Type | Default | Description |
@@ -79,3 +95,7 @@ FreakyCoder, [email protected]
7995
## License
8096

8197
React Native Animated Radio Button is available under the MIT license. See the LICENSE file for more info.
98+
99+
```
100+
101+
```

assets/Screenshots/example.gif

-373 KB
Binary file not shown.

assets/Screenshots/example.png

-262 KB
Binary file not shown.
Loading

example/App.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,9 @@ const App = () => {
1515
/>
1616
<RadioButton
1717
style={{
18-
marginTop: 32,
19-
height: 70,
2018
width: 70,
19+
height: 70,
20+
marginTop: 32,
2121
borderRadius: 35,
2222
borderColor: "#019310",
2323
}}
@@ -33,7 +33,7 @@ const App = () => {
3333
borderColor: "#328da8",
3434
}}
3535
innerBackgroundColor="#328da8"
36-
innerContainerStyle={{ height: 50, width: 50, borderRadius: 10 }}
36+
innerContainerStyle={{ height: 35, width: 35, borderRadius: 10 }}
3737
onPress={(isActive: boolean) => console.log("isActive: ", isActive)}
3838
/>
3939
</SafeAreaView>

0 commit comments

Comments
 (0)