Comments (3)
Hi!
Just modify example from README.md
import React from "react";
import { View, Text } from "react-native";
import Menu, { MenuItem } from "react-native-material-menu";
class App extends React.Component {
_menu = null;
state = { filter: null };
setMenuRef = ref => {
this._menu = ref;
};
sort = filter => {
this.setState({ filter });
this._menu.hide();
};
showMenu = () => {
this._menu.show();
};
render() {
const { filter } = this.state;
return (
<View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
<Menu
ref={this.setMenuRef}
button={
<Text onPress={this.showMenu}>{filter || "Select filter"}</Text>
}
>
<MenuFilterItem onPress={this.sort} filter="name">
Name
</MenuFilterItem>
<MenuFilterItem onPress={this.sort} filter="price">
Price
</MenuFilterItem>
<MenuFilterItem onPress={this.sort} filter="popularity">
Popularity
</MenuFilterItem>
</Menu>
</View>
);
}
}
class MenuFilterItem extends React.PureComponent {
onPress = () => {
this.props.onPress(this.props.filter);
};
render() {
return <MenuItem onPress={this.onPress}>{this.props.children}</MenuItem>;
}
}
export default App;
you can also use bind, but this is not recommended.
from react-native-material-menu.
@paolospag If the answer suits you, you can close the issue :)
from react-native-material-menu.
@mxck awesome!
This is exactly what I needed.
Thanks for your support!
from react-native-material-menu.
Related Issues (20)
- onHidden is not working on iOS HOT 2
- Menu Postion HOT 1
- On FlatList does not appears on exact point HOT 5
- Warning: Encountered two children with the same key, `5`
- it's not working according to index. HOT 4
- How to work with hook HOT 1
- MenuItem onPress not working HOT 2
- Please add modalBackgroundColor prop HOT 1
- Unable to start Expo SDK42 app with version 2.0.0.0 of react-native-material-menu HOT 2
- Can't open a modal right after closing the menu HOT 3
- unable to create multiple menu
- Is it possible to hide the menu when clicking away? HOT 1
- color attribute of textStyle takes precedence over disabledTextColor
- .
- iOS terminating due to uncaught exception of type NSException HOT 5
- Bug located to use react-native-material-menu?!
- keyboard is hiding HOT 3
- TypeError: undefined is not an object (evaluating '_reactNative.TouchableHighlight.propTypes.style' HOT 4
- Proposal: Use react-native-reanimated for 60FPS animations. HOT 2
- How to wrap text inside MenuItem? HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-material-menu.