@@ -15,27 +15,25 @@ import React,{ Component } from "react"
1515import { Button , Spacing , Icon } from ' @uiw/react-native' ;
1616import { Text } from ' react-native' ;
1717
18- class Demo extends Component {
19- render () {
20- return (
21- <>
22- < Button> default< / Button>
23- < Spacing/ >
24- < Button disabled> disabled< / Button>
25- < Spacing/ >
26- < Button type= " primary" onPress= {()=> console .log (" The Button" )}> primary< / Button>
27- < Spacing/ >
28- < Button type= " warning" > warning< / Button>
29- < Spacing/ >
30- < Button bordered= {false } type= " danger" >
31- < Icon name= " warning" fill= " #fff" size= {17 } / >
32- < Text > warning< / Text >
33- < / Button>
34- < Spacing/ >
35- < Button loading> loading< / Button>
36- < / >
37- )
38- }
18+ function Demo () {
19+ return (
20+ <>
21+ < Button> default< / Button>
22+ < Spacing/ >
23+ < Button disabled> disabled< / Button>
24+ < Spacing/ >
25+ < Button type= " primary" onPress= {()=> console .log (" The Button" )}> primary< / Button>
26+ < Spacing/ >
27+ < Button type= " warning" > warning< / Button>
28+ < Spacing/ >
29+ < Button bordered= {false } type= " danger" >
30+ < Icon name= " warning" fill= " #fff" size= {17 } / >
31+ < Text > warning< / Text >
32+ < / Button>
33+ < Spacing/ >
34+ < Button loading> loading< / Button>
35+ < / >
36+ )
3937}
4038export default Demo
4139```
@@ -47,17 +45,15 @@ import React,{ Component } from "react"
4745import { Button , Spacing } from ' @uiw/react-native' ;
4846
4947
50- class Demo extends Component {
51- render () {
52- return (
53- <>
54- < Spacing / >
55- < Button rounded= {23 } type= " primary" >
56- 自定义rounded
57- < / Button>
58- < / >
59- )
60- }
48+ function Demo () {
49+ return (
50+ <>
51+ < Spacing / >
52+ < Button rounded= {23 } type= " primary" >
53+ 自定义rounded
54+ < / Button>
55+ < / >
56+ )
6157}
6258export default Demo
6359```
@@ -69,26 +65,24 @@ import React,{ Component } from "react"
6965import { Button , Spacing } from ' @uiw/react-native' ;
7066
7167
72- class Demo extends Component {
73- render () {
74- return (
75- <>
76- < Button> default< / Button>
77- < Spacing/ >
78- < Button type= " primary" > primary< / Button>
79- < Spacing/ >
80- < Button type= " warning" > warning< / Button>
81- < Spacing/ >
82- < Button type= " success" > success< / Button>
83- < Spacing/ >
84- < Button type= " danger" > danger< / Button>
85- < Spacing/ >
86- < Button type= " light" > light< / Button>
87- < Spacing/ >
88- < Button type= " dark" > dark< / Button>
89- < / >
90- )
91- }
68+ function Demo () {
69+ return (
70+ <>
71+ < Button> default< / Button>
72+ < Spacing/ >
73+ < Button type= " primary" > primary< / Button>
74+ < Spacing/ >
75+ < Button type= " warning" > warning< / Button>
76+ < Spacing/ >
77+ < Button type= " success" > success< / Button>
78+ < Spacing/ >
79+ < Button type= " danger" > danger< / Button>
80+ < Spacing/ >
81+ < Button type= " light" > light< / Button>
82+ < Spacing/ >
83+ < Button type= " dark" > dark< / Button>
84+ < / >
85+ )
9286}
9387export default Demo
9488```
@@ -100,18 +94,16 @@ import React,{ Component } from "react"
10094import { Button , Spacing } from ' @uiw/react-native' ;
10195
10296
103- class Demo extends Component {
104- render () {
105- return (
106- <>
107- < Button color= " #333" > #333 < / Button>
108- < Spacing / >
109- < Button color= " #28a745" > #28a745 < / Button>
110- < Spacing / >
111- < Button color= " #008EF0" > #008EF0 < / Button>
112- < / >
113- )
114- }
97+ function Demo () {
98+ return (
99+ <>
100+ < Button color= " #333" > #333 < / Button>
101+ < Spacing / >
102+ < Button color= " #28a745" > #28a745 < / Button>
103+ < Spacing / >
104+ < Button color= " #008EF0" > #008EF0 < / Button>
105+ < / >
106+ )
115107}
116108export default Demo
117109```
@@ -123,16 +115,14 @@ export default Demo
123115import React ,{ Component } from " react"
124116import { Button , Spacing } from ' @uiw/react-native' ;
125117
126- class Demo extends Component {
127- render () {
128- return (
129- <>
130- < Button loading> loading< / Button>
131- < Spacing / >
132- < Button loading disabled> loading disabled< / Button>
133- < / >
134- )
135- }
118+ function Demo () {
119+ return (
120+ <>
121+ < Button loading> loading< / Button>
122+ < Spacing / >
123+ < Button loading disabled> loading disabled< / Button>
124+ < / >
125+ )
136126}
137127export default Demo
138128```
0 commit comments