https://github.com/heineiuo/react-native-menu-view
WIP: A <MenuView> for react-native-web
https://github.com/heineiuo/react-native-menu-view
react-native
Last synced: 9 months ago
JSON representation
WIP: A <MenuView> for react-native-web
- Host: GitHub
- URL: https://github.com/heineiuo/react-native-menu-view
- Owner: heineiuo
- License: mit
- Created: 2022-03-07T07:31:13.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-16T13:15:04.000Z (about 4 years ago)
- Last Synced: 2025-05-12T18:45:57.830Z (about 1 year ago)
- Topics: react-native
- Language: TypeScript
- Homepage:
- Size: 1.32 MB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Native MenuView
A `` shim for react-native-web.
If Platform.OS is not web, use native `@react-native-menu/menu` instead.
https://user-images.githubusercontent.com/3146159/157003929-06cde779-c890-4d2c-ad36-9f0fa98509ce.mov
## Usage
```tsx
import { MenuView } from 'react-native-menu-view'
```
All props are same with `@react-native-menu/menu`.
## `image` prop
You can use @font-face to load an image font in css. Then you
can use font ligatures as `image` prop's value
```css
@font-face {
/* important, font-family name must be `React Native Menu` */
font-family: 'React Native Menu';
font-style: normal;
font-weight: 400;
/* This file can be any font */
src: url(/static/fonts/MaterialIcons.woff2) format('woff2');
}
```
```tsx
```