|
@@ -136,11 +136,13 @@ Navigation.startSingleScreenApp({
|
136
|
136
|
Each screen can contain a single Fab which is displayed at the bottom right corner of the screen.
|
137
|
137
|
|
138
|
138
|
* Simple Fab:
|
|
139
|
+
|
139
|
140
|
```js
|
140
|
141
|
static navigatorButtons = {
|
141
|
142
|
fab: {
|
142
|
143
|
collapsedId: 'share',
|
143
|
144
|
collapsedIcon: require('../../img/ic_share.png'),
|
|
145
|
+ collapsedIconColor: 'red', // optional
|
144
|
146
|
backgroundColor: '#607D8B'
|
145
|
147
|
}
|
146
|
148
|
};
|
|
@@ -148,17 +150,21 @@ Each screen can contain a single Fab which is displayed at the bottom right corn
|
148
|
150
|
|
149
|
151
|
* Fab with expanded state
|
150
|
152
|
[Example](https://material-design.storage.googleapis.com/publish/material_v_9/0B8v7jImPsDi-ZmQ0UnFPZmtiSU0/components-buttons-fab-transition_speeddial_02.mp4)
|
|
153
|
+
|
151
|
154
|
```js
|
152
|
155
|
fab: {
|
153
|
156
|
collapsedId: 'share',
|
154
|
157
|
collapsedIcon: require('../../img/ic_share.png'),
|
|
158
|
+ collapsedIconColor: 'green', // optional
|
155
|
159
|
expendedId: 'clear',
|
156
|
160
|
expendedIcon: require('../../img/ic_clear.png'),
|
|
161
|
+ expendedIconColor: 'red', // optional
|
157
|
162
|
backgroundColor: '#3F51B5',
|
158
|
163
|
actions: [
|
159
|
164
|
{
|
160
|
165
|
id: 'mail',
|
161
|
166
|
icon: require('../../img/ic_mail.png'),
|
|
167
|
+ iconColor: 'blue', // optional
|
162
|
168
|
backgroundColor: '#03A9F4'
|
163
|
169
|
},
|
164
|
170
|
{
|