标签: side-menu

如何使用react-native创建侧边菜单?

我是新的反应原生,我想创建像这样的侧面菜单,任何参考吗?非常感谢.

在此输入图像描述

react-native side-menu

21
推荐指数
2
解决办法
5万
查看次数

使用DrawerNavigator导航到URL /深层链接[React native]

我们如何从导航器条目中打开链接?例如,例如:

 const Home = DrawerNavigator ({
     Account: { screen: Account },
     Availability: { screen: Availability },
     Favorites: { screen: Favorites },
     Website: { screen: Linking.openURL('http://www.example.com') },   }
Run Code Online (Sandbox Code Playgroud)

javascript navigation navigation-drawer react-native side-menu

7
推荐指数
1
解决办法
712
查看次数

材质UI:带可扩展侧菜单的抽屉

使用Material UI,如何构造具有可扩展菜单项(例如material-ui.com网站上的菜单项)的Drawer ?

所以我想要这样的事情: 在此处输入图片说明

每个菜单项(以粗体显示)可以展开以显示子菜单项。

使用Material UI如何实现?

menu reactjs material-ui side-menu

5
推荐指数
1
解决办法
4696
查看次数

打开/关闭导航抽屉在本机反应中不起作用

在我的本机应用程序中,我使用 Drawer Navigator 创建了一个侧边菜单,当我通过滑动打开它时,它运行良好。但我想做的是点击按钮打开它。目前正在尝试做槽式导航道具,相关代码如下:

import { withNavigation } from 'react-navigation';

class HallsList extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      isSideMenuOpen: false
    };
  } 

  renderTopView = () => {
      return(
        <View>
          <View style = {Styles.sideMenuButton}>
            <Button
              onPress = {()=> {
                if (this.state.isSideMenuOpen) {
                  {this.props.navigation.navigate('DrawerOpen')}
                }
                else {
                  {this.props.navigation.navigate('DrawerClose')}
                }
                this.setState({isSideMenuOpen: !this.state.isSideMenuOpen})
              }
            }
            title = {'Side Menu'}
            />
          </View> ..... 


export default withNavigation(HallsList);
Run Code Online (Sandbox Code Playgroud)

但是当我点击侧面菜单按钮时,它会被点击但之后没有任何反应。

react-native react-navigation side-menu react-navigation-drawer

5
推荐指数
1
解决办法
5791
查看次数

离子3侧菜单不适用于ios

我的离子侧菜单在Android手机中工作但在ios中我没有得到.

这是.html的代码

<button ion-button menuToggle icon-only class="menuButton"> 
  <ion-icon name="menu"></ion-icon>
</button>

<ion-menu [content]="mycontent">
  <ion-content>
    <ion-list>
      <p>some menu content, could be list items</p>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-nav #mycontent ></ion-nav>
Run Code Online (Sandbox Code Playgroud)

我不明白我的问题在哪里,如果你需要什么,请告诉我

我的侧面菜单在Android和浏览器中工作,除了ios

ionic2 side-menu ionic3

4
推荐指数
1
解决办法
4786
查看次数

在Ionic-v4的Sidemenu背景颜色

我有一个Ionic-v4-app,侧面菜单结构如下:

<ion-app>
  <ion-split-pane>
    <ion-menu>
      <ion-header>
        <ion-toolbar>
        </ion-toolbar>
      </ion-header>

      <ion-content>
        <ion-list>
        </ion-list>
      </ion-content>
    </ion-menu>
  </ion-split-pane>
</ion-app>
Run Code Online (Sandbox Code Playgroud)

现在我希望有整个侧面菜单的背景(标题,列表,内容,一切).

但我没有必要尝试,我不知道它是如何工作的.

我尝试了背景颜色ion-menu和透明背景headercontent,也没有工作.

我知道我必须使用我必须使用离子css变量--ion-background-color,但如何?

css background background-color ionic-framework side-menu

3
推荐指数
1
解决办法
3099
查看次数

侧面菜单视图没有显示,AppDelegate类中缺少什么代码?

在阅读此问题之前,请参阅此视频,以便了解应用中的问题/问题.

我想做的是,

案例1:如果用户未登录应用程序,则打开应用程序登录视图后将打开,在提供用户名和密码后,它将导航到主页.

案例2:如果用户已经登录,那么在启动应用程序后它将成为主页.

我写了代码来存档这个,

在登录页面中,登录按钮的代码

- (IBAction)loginButton:(id)sender {

    [self->userdefaults setBool:YES forKey:@"loginSuccess"];
    [userdefaults synchronize];

    HomeViewController *home=[self.storyboard instantiateViewControllerWithIdentifier:@"homeId"];

    [self.navigationController pushViewController:home animated:YES];

}
Run Code Online (Sandbox Code Playgroud)

我正在存储一个值NSUserDefaults,在重新启动或打开应用程序后,在AppDelegate课程中我正在检查NSUserDefaults具有该值的条件,如果是,那么它将显示直接主页,如果没有则它将登录页面.

检查下面的代码,这是在AppDelegate课堂上写的,

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.

    userdefaults=[NSUserDefaults standardUserDefaults];

    mainStoryboard = [UIStoryboard storyboardWithName:@"Main" bundle: nil];


    if ([[NSUserDefaults standardUserDefaults] boolForKey:@"loginSuccess"]) {
        NSLog(@"Login Done!!!");

        HomeViewController *homeVC=[mainStoryboard instantiateViewControllerWithIdentifier:@"homeId"];

        SampleNavigationController *navigation = [[SampleNavigationController alloc] initWithRootViewController:homeVC];

       // SWRevealViewController * vc= [[SWRevealViewController …
Run Code Online (Sandbox Code Playgroud)

sidebar objective-c ios appdelegate side-menu

2
推荐指数
1
解决办法
68
查看次数

如何在快速打开侧面菜单时添加透明背景?

我正在使用jonkykong/SideMenu的左侧菜单。如果我打开侧面菜单,我需要透明的背景视图,如果我关闭,则背景应更改为其原始颜色。为此,我正在尝试设置侧面菜单的 alpha 值。

我尝试过两种方法:

1)在这里我安装pod 'SideMenu'并添加了以下代码:

 import UIKit
 import SideMenu

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        sideMenuConfig()
    }
    func sideMenuConfig(){
        // Define the menus
        SideMenuManager.default.menuLeftNavigationController = storyboard!.instantiateViewController(withIdentifier: "UISideMenuNavigationController") as? UISideMenuNavigationController
        var set = SideMenuSettings()
        set.presentationStyle.presentingEndAlpha = 1
        SideMenuManager.default.menuPresentMode = .menuSlideIn
        SideMenuManager.default.menuFadeStatusBar  = false
        SideMenuManager.default.menuAddPanGestureToPresent(toView: self.navigationController!.navigationBar)
        SideMenuManager.default.menuAddScreenEdgePanGesturesToPresent(toView: self.navigationController!.view)
    }
} 
Run Code Online (Sandbox Code Playgroud)

这就是为什么 pod 无法识别 SideMenuSettings。

错误:使用无法解析的标识符“SideMenuSettings”

2) 将 pod 更新为 swift 5 pod'SideMenu', '~> 6.0'及以下代码:

 import UIKit
 import SideMenu

 class ViewController: UIViewController, SideMenuNavigationControllerDelegate { …
Run Code Online (Sandbox Code Playgroud)

transparent ios swift side-menu

2
推荐指数
1
解决办法
2514
查看次数