Why my toolbar does not display properly?
See original GitHub issueCommands executed to install:
npm i react-native-material-ui --save
react-native link react-native-vector-icons
react-native run-ios
index.ios.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
import { COLOR, ThemeProvider, Toolbar } from 'react-native-material-ui';
import { Navigator, NativeModules, StatusBar } from 'react-native';
const uiTheme = {
palette: {
primaryColor: COLOR.green500,
},
toolbar: {
container: {
height: 50,
},
},
};
const UIManager = NativeModules.UIManager;
const Container = (props) => {
return (
<View style={styles.container}>
{props.children}
</View>
);
};
export default class Bar extends Component {
componentWillMount() {
if (UIManager.setLayoutAnimationEnabledExperimental) {
UIManager.setLayoutAnimationEnabledExperimental(true);
}
}
render() {
return (
<ThemeProvider uiTheme={uiTheme}>
<Container>
<StatusBar backgroundColor="rgba(0, 0, 0, 0.2)" translucent />
<View style={{ backgroundColor: COLOR.green500, height: 24 }} />
<Container>
<Toolbar
key="toolbar"
leftElement="menu"
centerElement={'foo'}
/>
</Container>
</Container>
</ThemeProvider>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
// justifyContent: 'center',
// alignItems: 'center',
// backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
AppRegistry.registerComponent('Bar', () => Bar);
Issue Analytics
- State:
- Created 7 years ago
- Reactions:3
- Comments:10 (4 by maintainers)
Top Results From Across the Web
How do I restore the Microsoft Windows Taskbar and Start ...
The Taskbar with the Start button on it can be hidden off-screen. To restore the Taskbar, use one of the following methods: ...
Read more >Taskbar icons not showing - Microsoft Community
1. Unhide the taskbar on your desktop. If you don't see the taskbar on your desktop, probably it's hidden. · 2. Repopulate the...
Read more >Steps To Fix Your Windows 10 Taskbar Not Working - TechLoris
An outdated display driver is one of the most common reasons you experience Windows 10 Taskbar not working. When your display driver is...
Read more >How to Fix Icons Not Showing on Taskbar in Windows 10 ...
How to Fix Icons Not Showing on Taskbar in Windows 10 [Tutorial]Sometimes you may find that your System Tray Notification Area Icons, ...
Read more >How To Fix Taskbar Not Working in Windows 10 - YouTube
In this video tutorial, I will show you guys how to fix Taskbar not working in your Windows 10 PC or Laptops.Note:- This...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hey guys, I’ve just fixed it - sorry for that. There missed just
{ overflow: 'hidden' }
It’s fixed in master. I’ll publish it in next release - 1.8.0
I am getting the same issue across all platforms (iOS, Android, UWD)