标签: drawer

我有一个导航抽屉,列表项的样式设置为R.layout.drawer_list_item.

mDrawerList.setAdapter ( new ArrayAdapter<String> ( this, R.layout.drawer_list_item, mDrawerTitles ) );

但是,似乎定义列表项外观的XML只能包含一个textview.我无法在textview下面添加一个视图项,我无法添加布局.那么,我该如何添加分频器呢？

列表项样式:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:paddingBottom="16dp"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="16dp"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000" />

除法:

 <View
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="@android:color/darker_gray"/>

我的问题很简单,但我需要一些帮助,我有一个MainActivity,几个片段和NavigationDrawer.我还使用Appcompat v7 NavigationDrawer显示在状态栏后面,用于我使用的ScrimInsetsLayout.在样式中我有colorPrimary和colorPrimaryDark(父是Theme.Appcompat)

在主要活动中,我使用setStatusBarColor(Color.TRANSPARENT)在状态栏中显示抽屉.所以现在我在状态栏中有colorPrimaryDark状态栏颜色和NavigationDrawer

现在我创建了一个新的Fragment,我需要禁用colorPrimaryDark颜色并使状态栏真正透明

正如我之前所说,将颜色设置为透明使得colorPrimaryDark显示为抽屉

将其设置为任何其他颜色"隐藏"抽屉.

谢谢

截图:

我的Android应用程序中有一个抽屉.抽屉在工具栏的左侧有一个汉堡图标.我想隐藏汉堡包图标.我使用以下代码:

mDrawerToggle.setDrawerIndicatorEnabled(false);

然而,汉堡包消失了,还剩下一个空白区域,如下图所示.

如何让白色空间消失？

我已经从这个创建了一个新线程以避免混淆,因为有人告诉我Leftnav现在Drawer在Material-UI组件中.

我还有问题,第一个是ES7？这里显示的箭头函数的语法.我已经改为使用扁平链接的以下代码,以便尝试了解发生了什么:

import React, { Component } from 'react'
import { Drawer, AppBar, MenuItem} from 'material-ui'
import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'
import getMuiTheme from 'material-ui/styles/getMuiTheme'
import { Route, Router } from 'react-router'



export default class Header extends Component  {

  constructor(props){
    super(props);
    this.state = {open:false};
  }

  getChildContext() {
    return {muiTheme: getMuiTheme(baseTheme)};
  }


  handleToggle() {
    this.setState({open: !this.state.open});
    console.log("open")
   }
  handleClose() { this.setState({open: false}); }
        render() {


            return (
                <div>
                <Drawer
                  docked={false}
                  open={false}>
                  <MenuItem onTouchTap={this.handleClose}>Menu Item …

我对React-Native很新.我正在尝试通过实现'react-native drawer'组件将sideBar/hamburger菜单添加到我的应用程序中.首先,我试图将GitHub中的示例代码添加到我的新测试项目中,以了解它是如何工作的.我面对屏幕上的错误.

如果我得到一些帮助,那会让我很开心.或者你能告诉我更简单的方法来实现我的项目的sideBar /汉堡菜单.

import Drawer from 'react-native-drawer';
import React, {Component} from 'react';
import SideBarContent from '../common/SideBarContent';
import {Text,View} from 'react-native';

class SideBar extends Component{

    closeControlPanel = () => {
        this._drawer.close()
    };
    openControlPanel = () => {
        this._drawer.open()
    };

    render()
    {
        const drawerStyles = {
            drawer: { shadowColor: '#000000', shadowOpacity: 0.8, shadowRadius: 3},
            main: {paddingLeft: 3},
        }


        return (
            <Drawer
                type="static"
                content={<SideBarContent/>}
                openDrawerOffset={100}
                styles={drawerStyles}
                tweenHandler={Drawer.tweenPresets.parallax}
            >
                <View><Text>Drawer</Text></View>
            </Drawer>
        );
    }
}

这是我的SideBarContent组件.

import React, {Component} from 'react';
import {Text,View} from …

我从剪辑的抽屉示例代码开始，并尝试围绕它进行构建。在样本中插入组件时（即，将“{'你认为水移动得很快？你应该看到冰。'}替换为其他内容），内容受到抽屉高度的限制。尝试在示例之外插入内容时，所有内容都从抽屉下方开始。

预期行为：能够将内容放置在抽屉周围的任何位置。我有不同的组件根据抽屉菜单选择隐藏/变得可见

我最初是从永久抽屉示例开始的，除了我需要将抽屉定位在应用程序栏下方之外，一切都很好。

我已经Drawer在我的Flutter应用中实现了。

闭馆时间Drawer：

开业时间Drawer：

如您所见，Drawer在的上方Appbar。在上启动应用程序之前Flutter，我们有一个本机Android应用程序，该应用程序Drawer过去看起来像这样：

闭馆时间Drawer：

开业时间Drawer：

这是我的代码：

class MyDrawer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return _buildDrawer(context);
  }
}

Widget _buildDrawer(BuildContext context) {
  return new Drawer(
    child: new ListView(
      children: <Widget>[
        _buildDrawerItem(context, EnumDrawerItem.PROJECT_SELECTION, Icons.home, Colors.transparent),
        new Divider(height: 20.0),
        _buildDrawerItem(context, EnumDrawerItem.TASK_LIST, Icons.home, Colors.transparent),
        new Divider(),
        _buildDrawerItem(context, EnumDrawerItem.GUIDED_TASKS, Icons.home, Colors.transparent),
        new Divider(),
        _buildDrawerItem(context, EnumDrawerItem.PHOTOS, Icons.home, Colors.transparent),
        new Divider(), …

我正在尝试在DrawerNavigator中自定义我的StackNavigator。

这是我的代码：

const HomeStack = createStackNavigator(
  {
    HomeScreen,
    HomeDetailScreen,
    InteriorScreen,
    InteriorDetailScreen
  },
  {
    initialRouteName: "HomeScreen",
    navigationOptions: {
      headerTitleStyle: {
        color: headerColor
      },
      headerBackTitleStyle: {
        color: headerColor
      },
      headerTintColor: headerColor
    }
  }

const MainStack = createStackNavigator(
  {
    HomeStack,
    ChooseLocationScreen,
    FilterHomesScreen
  },
  {
    initialRouteName: "HomeStack",
    mode: "modal",
    navigationOptions: ({ navigation }) => {
      const options = {
        headerTitleStyle: {
          color: headerColor
        },
        headerBackTitleStyle: {
          color: headerColor
        },
        headerTintColor: headerColor,
        drawerLabel: SCREEN_TEXT_HOME_HEADER,
        drawerIcon: ({ tintColor }) => (
          <Image
            source={require("../assets/icons/home.png")}
            resizeMode="contain"
            style={{ width: …

我想在单击 headerLeft 部分中的图标时打开抽屉，我也尝试了 this.props.navigation.dispatch 但给出了错误，navigation.dispatch 也给出了错误

下面的代码不会给出错误，但不会打开抽屉

import { DrawerActions } from '@react-navigation/native';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { createStackNavigator } from '@react-navigation/stack';
const Drawer = createDrawerNavigator();
const Stack = createStackNavigator();

export default class App extends Component {

  createHomeStack = () =>
    <Stack.Navigator>
      <Stack.Screen
      initialRouteName="login"
      headerMode="screen"
        name="main"
        children={ this.createBottomTabs}
        options={{
          title: "Fitbit",
         headerLeft: () => (

            <Icon
              name="menu"
              size={25}
              color="#D4AF37"
              onPress={() => {DrawerActions.openDrawer()  }}
            />

          )} } />

    </Stack.Navigator>

  createDrawer = ({navigation}) …

我正在尝试从材料 UI 的永久抽屉中删除垂直线，请提出任何建议。