Question: I am usinf react/redux and I am trying to get the routes working. It is a disaster. I have encountered nearly every bug/issue that you can find and yet no correct solution. 

My index.js looks like this:

```
const store = createStore(
   rootReducer,
   applyMiddleware(thunk, promise)
);

const history = syncHistoryWithStore(createBrowserHistory(), store)

ReactDOM.render(
    <Provider store={store}>
        <MuiThemeProvider>
            <Router history={history}>
                <Switch>
                    <Route exact path="/" component={LoginPage}/>
                    <Route component={UserLayout}>
                        <Route exact path="/user/dashboard" component={UserDashboardPage} />
                        <Route exact path="/user/users" component={UserUsersPage} />
                    </Route>
                </Switch>
            </Router>
        </MuiThemeProvider>
    </Provider>,
    document.getElementById('root')
);

```

I first had a where Switch now is and that didn't work. Without the switch I get an error saying that Router may only have 1 child.

I want a login page that uses SimpleLayout and I want 2 url's user dashboard and user users that uses SimpleLayout and a sub layout UserLayout.

How can I get this done? Btw Do I access the url like /user/dashboard or /#/user/dashboard

Answer: 
Use FAB by james montemagno.

Add FAB by james montemagno from nuget to your project.
<https://www.nuget.org/packages/Refractored.FloatingActionButton/>

```
<Refractored.Fab.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="16dp"
        android:src="@drawable/ic_action_content_new"
        app:app_colorNormal="@color/primary"
        app:app_colorPressed="@color/primary_pressed"
        app:app_colorRipple="@color/ripple" />

```

[![enter image description here](https://i.stack.imgur.com/zzomy.gif)](https://i.stack.imgur.com/zzomy.gif)
use layout\_gravity for positioning .

```
<android.support.design.widget.FloatingActionButton
   android:id="@+id/fab"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="bottom|right"
   android:src="@drawable/ic_edit"
   android:layout_marginRight="15dp"
   android:layout_marginBottom="15dp" / >

```