Hide other icons on toolbar when search icon is clicked about react-native-material-ui HOT 8 OPEN

It should hide everything what is on toolbar before the search is activated. I'll check it and fix it if there is any bug ;)

from react-native-material-ui.

Now I observed, if I put a the notification icon inside the Badge, then on clicking search icon, notification icon is not visible but the badge text is visible.

from react-native-material-ui.

Could you put here your complete <Toolbar .... /> definition?

from react-native-material-ui.

<Toolbar
  leftElement="menu"
  centerElement="App"
  searchable={{
    autoFocus: true,
    placeholder: 'Search',
  }}
  rightElement={
    <Badge text="9" style={{ container: {top: 2, right: -1} }} >
      <IconToggle
        name="notifications-active"
        color="#ffffff"
        onPress={this.openNotifications.bind(this)}
      />
    </Badge>
 }
 onRightElementPress={this.openNotifications.bind(this)}
 onLeftElementPress={this.openDrawer.bind(this)}
/>

from react-native-material-ui.

Thank you, I'll check what goes wrong ;)

from react-native-material-ui.

Thank you :)

from react-native-material-ui.

Is it also possible to hide the icons and disable them as well? Now I am also able to click on notification icon while I am typing something in the search box. The user might accidentally click on the icon while he was searching.

from react-native-material-ui.

Same for actions, they stay onscreen when search is active 😄

<Toolbar 
	key = "toolbar"
	centerElement = {
        this.props.title
    }
	searchable={{
		autoFocus: true,
		placeholder: 'Search',
		onChangeText: (v) => { console.warn(v); this.refs.beachList && this.refs.beachList.setItems(v)},
		onSearchClosed: () => this.refs.beachList.setItems()

	}}
	rightElement={{
		actions: ['favorite'],
		menu: { labels: this.state.modes},
	}}
	onRightElementPress={(e) => console.error(e)}
/>

btw, thanks for this amazing library 👍

from react-native-material-ui.