react-native-touchable-action 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -25
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -25,6 +25,10 @@ yarn add --save react-native-touchable-action
|
|
|
25
25
|
##
|
|
26
26
|
|
|
27
27
|
#### Basic Usage
|
|
28
|
+
```
|
|
29
|
+
import FloatingActionButton from 'react-native-touchable-action';
|
|
30
|
+
```
|
|
31
|
+
|
|
28
32
|
> To position your floating action, use the React Native style prop
|
|
29
33
|
```
|
|
30
34
|
<FloatingActionButton
|
|
@@ -34,9 +38,9 @@ yarn add --save react-native-touchable-action
|
|
|
34
38
|
console.log('You pressed the rocket button');
|
|
35
39
|
}}
|
|
36
40
|
style={{
|
|
37
|
-
position
|
|
38
|
-
bottom
|
|
39
|
-
right
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
bottom: 75,
|
|
43
|
+
right: 50,
|
|
40
44
|
}}
|
|
41
45
|
/>
|
|
42
46
|
```
|
|
@@ -83,9 +87,9 @@ buttonColor='#0F044C'
|
|
|
83
87
|
console.log('You pressed the rocket button');
|
|
84
88
|
}}
|
|
85
89
|
style={{
|
|
86
|
-
position
|
|
87
|
-
bottom
|
|
88
|
-
right
|
|
90
|
+
position: 'absolute',
|
|
91
|
+
bottom: 75,
|
|
92
|
+
right: 50,
|
|
89
93
|
}}
|
|
90
94
|
buttonColor='#0F044C'
|
|
91
95
|
/>
|
|
@@ -115,9 +119,9 @@ buttonColorPressed='#693C72'
|
|
|
115
119
|
console.log('You pressed the rocket button');
|
|
116
120
|
}}
|
|
117
121
|
style={{
|
|
118
|
-
position
|
|
119
|
-
bottom
|
|
120
|
-
right
|
|
122
|
+
position: 'absolute',
|
|
123
|
+
bottom: 75,
|
|
124
|
+
right: 50,
|
|
121
125
|
}}
|
|
122
126
|
buttonColor='#0F044C'
|
|
123
127
|
buttonColorPressed='#693C72'
|
|
@@ -148,9 +152,9 @@ buttonSize={75}
|
|
|
148
152
|
console.log('You pressed the rocket button');
|
|
149
153
|
}}
|
|
150
154
|
style={{
|
|
151
|
-
position
|
|
152
|
-
bottom
|
|
153
|
-
right
|
|
155
|
+
position: 'absolute',
|
|
156
|
+
bottom: 75,
|
|
157
|
+
right: 50,
|
|
154
158
|
}}
|
|
155
159
|
buttonColor='#0F044C'
|
|
156
160
|
buttonColorPressed='#693C72'
|
|
@@ -182,9 +186,9 @@ iconSize={35}
|
|
|
182
186
|
console.log('You pressed the rocket button');
|
|
183
187
|
}}
|
|
184
188
|
style={{
|
|
185
|
-
position
|
|
186
|
-
bottom
|
|
187
|
-
right
|
|
189
|
+
position: 'absolute',
|
|
190
|
+
bottom: 75,
|
|
191
|
+
right: 50,
|
|
188
192
|
}}
|
|
189
193
|
buttonColor='#0F044C'
|
|
190
194
|
buttonColorPressed='#693C72'
|
|
@@ -211,9 +215,9 @@ iconColor='#edf6f9'
|
|
|
211
215
|
console.log('You pressed the rocket button');
|
|
212
216
|
}}
|
|
213
217
|
style={{
|
|
214
|
-
position
|
|
215
|
-
bottom
|
|
216
|
-
right
|
|
218
|
+
position: 'absolute',
|
|
219
|
+
bottom: 75,
|
|
220
|
+
right: 50,
|
|
217
221
|
}}
|
|
218
222
|
buttonColor='#0F044C'
|
|
219
223
|
buttonColorPressed='#693C72'
|
|
@@ -247,9 +251,9 @@ iconColorPressed='#c9ccd5'
|
|
|
247
251
|
console.log('You pressed the rocket button');
|
|
248
252
|
}}
|
|
249
253
|
style={{
|
|
250
|
-
position
|
|
251
|
-
bottom
|
|
252
|
-
right
|
|
254
|
+
position: 'absolute',
|
|
255
|
+
bottom: 75,
|
|
256
|
+
right: 50,
|
|
253
257
|
}}
|
|
254
258
|
buttonColor='#0F044C'
|
|
255
259
|
buttonColorPressed='#693C72'
|
|
@@ -284,9 +288,9 @@ shaded={true}
|
|
|
284
288
|
console.log('You pressed the rocket button');
|
|
285
289
|
}}
|
|
286
290
|
style={{
|
|
287
|
-
position
|
|
288
|
-
bottom
|
|
289
|
-
right
|
|
291
|
+
position: 'absolute',
|
|
292
|
+
bottom: 75,
|
|
293
|
+
right: 50,
|
|
290
294
|
}}
|
|
291
295
|
buttonColor='#0F044C'
|
|
292
296
|
buttonColorPressed='#693C72'
|
|
@@ -300,4 +304,4 @@ shaded={true}
|
|
|
300
304
|
|
|
301
305
|
## License
|
|
302
306
|
|
|
303
|
-
|
|
307
|
+
react-native-touchable-action is under the **MIT License**. See bundled <a href='https://github.com/cartagenae/react-native-floating-action-button/blob/main/LICENSE' alt='license file'>**LICENSE**</a> file for details.
|
package/package.json
CHANGED