Android navigation component huge space in toolbar
I've configured a toolbar with a navigation drawer using the new android component architecture
Layout is as follows:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:contentInsetStart="0dp"
android:background="@color/actionBar_background">
<fragment
android:name="ToolbarLogoFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerVertical="true"
android:layout_toEndOf="@+id/actionBar_Logo"/>
</androidx.appcompat.widget.Toolbar>
<androidx.drawerlayout.widget.DrawerLayout
android:id="@+id/drawer_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/activity_background"
tools:openDrawer="start">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/main_nav_graph"/>
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_width="@dimen/main_menu_width"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/actionBar_background"
android:paddingStart="@dimen/menu_item_padding_start"
android:paddingEnd="@dimen/menu_item_padding_start"
app:itemBackground="@drawable/drawable_item"
app:itemIconTint="@color/drawable_item"
app:itemTextAppearance="@style/item_menu_style"
app:itemTextColor="@color/drawable_item"
app:menu="@menu/main_menu"/>
</androidx.drawerlayout.widget.DrawerLayout>
</LinearLayout>
And the setup code is straight forward:
private fun setupToolbar() {
val appbarConfiguration = AppBarConfiguration(setOf(R.id.landing_dest), drawer_root)
toolbar.setupWithNavController(navController, appbarConfiguration)
}
All works almost great, except there is a huge gap between the navigation drawer and the custom logo I have on my toolbar and I am not user where is is coming from.
Using layout inspector I can see I only have 2 components in my toolbar
My custom logo and the drawer button
This is how it looks on the view.
I have absolutely no margins or padding on my layout, without the actions bar toggle button the logo will show right on the left margin.
Where does the gap between the button and the layout come from?
android-navigation-drawer android-navigation
add a comment |
I've configured a toolbar with a navigation drawer using the new android component architecture
Layout is as follows:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:contentInsetStart="0dp"
android:background="@color/actionBar_background">
<fragment
android:name="ToolbarLogoFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerVertical="true"
android:layout_toEndOf="@+id/actionBar_Logo"/>
</androidx.appcompat.widget.Toolbar>
<androidx.drawerlayout.widget.DrawerLayout
android:id="@+id/drawer_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/activity_background"
tools:openDrawer="start">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/main_nav_graph"/>
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_width="@dimen/main_menu_width"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/actionBar_background"
android:paddingStart="@dimen/menu_item_padding_start"
android:paddingEnd="@dimen/menu_item_padding_start"
app:itemBackground="@drawable/drawable_item"
app:itemIconTint="@color/drawable_item"
app:itemTextAppearance="@style/item_menu_style"
app:itemTextColor="@color/drawable_item"
app:menu="@menu/main_menu"/>
</androidx.drawerlayout.widget.DrawerLayout>
</LinearLayout>
And the setup code is straight forward:
private fun setupToolbar() {
val appbarConfiguration = AppBarConfiguration(setOf(R.id.landing_dest), drawer_root)
toolbar.setupWithNavController(navController, appbarConfiguration)
}
All works almost great, except there is a huge gap between the navigation drawer and the custom logo I have on my toolbar and I am not user where is is coming from.
Using layout inspector I can see I only have 2 components in my toolbar
My custom logo and the drawer button
This is how it looks on the view.
I have absolutely no margins or padding on my layout, without the actions bar toggle button the logo will show right on the left margin.
Where does the gap between the button and the layout come from?
android-navigation-drawer android-navigation
add a comment |
I've configured a toolbar with a navigation drawer using the new android component architecture
Layout is as follows:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:contentInsetStart="0dp"
android:background="@color/actionBar_background">
<fragment
android:name="ToolbarLogoFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerVertical="true"
android:layout_toEndOf="@+id/actionBar_Logo"/>
</androidx.appcompat.widget.Toolbar>
<androidx.drawerlayout.widget.DrawerLayout
android:id="@+id/drawer_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/activity_background"
tools:openDrawer="start">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/main_nav_graph"/>
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_width="@dimen/main_menu_width"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/actionBar_background"
android:paddingStart="@dimen/menu_item_padding_start"
android:paddingEnd="@dimen/menu_item_padding_start"
app:itemBackground="@drawable/drawable_item"
app:itemIconTint="@color/drawable_item"
app:itemTextAppearance="@style/item_menu_style"
app:itemTextColor="@color/drawable_item"
app:menu="@menu/main_menu"/>
</androidx.drawerlayout.widget.DrawerLayout>
</LinearLayout>
And the setup code is straight forward:
private fun setupToolbar() {
val appbarConfiguration = AppBarConfiguration(setOf(R.id.landing_dest), drawer_root)
toolbar.setupWithNavController(navController, appbarConfiguration)
}
All works almost great, except there is a huge gap between the navigation drawer and the custom logo I have on my toolbar and I am not user where is is coming from.
Using layout inspector I can see I only have 2 components in my toolbar
My custom logo and the drawer button
This is how it looks on the view.
I have absolutely no margins or padding on my layout, without the actions bar toggle button the logo will show right on the left margin.
Where does the gap between the button and the layout come from?
android-navigation-drawer android-navigation
I've configured a toolbar with a navigation drawer using the new android component architecture
Layout is as follows:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:contentInsetStart="0dp"
android:background="@color/actionBar_background">
<fragment
android:name="ToolbarLogoFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerVertical="true"
android:layout_toEndOf="@+id/actionBar_Logo"/>
</androidx.appcompat.widget.Toolbar>
<androidx.drawerlayout.widget.DrawerLayout
android:id="@+id/drawer_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/activity_background"
tools:openDrawer="start">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/main_nav_graph"/>
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_width="@dimen/main_menu_width"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/actionBar_background"
android:paddingStart="@dimen/menu_item_padding_start"
android:paddingEnd="@dimen/menu_item_padding_start"
app:itemBackground="@drawable/drawable_item"
app:itemIconTint="@color/drawable_item"
app:itemTextAppearance="@style/item_menu_style"
app:itemTextColor="@color/drawable_item"
app:menu="@menu/main_menu"/>
</androidx.drawerlayout.widget.DrawerLayout>
</LinearLayout>
And the setup code is straight forward:
private fun setupToolbar() {
val appbarConfiguration = AppBarConfiguration(setOf(R.id.landing_dest), drawer_root)
toolbar.setupWithNavController(navController, appbarConfiguration)
}
All works almost great, except there is a huge gap between the navigation drawer and the custom logo I have on my toolbar and I am not user where is is coming from.
Using layout inspector I can see I only have 2 components in my toolbar
My custom logo and the drawer button
This is how it looks on the view.
I have absolutely no margins or padding on my layout, without the actions bar toggle button the logo will show right on the left margin.
Where does the gap between the button and the layout come from?
android-navigation-drawer android-navigation
android-navigation-drawer android-navigation
asked Dec 29 '18 at 8:43
CalinCalin
3,35432963
3,35432963
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53968054%2fandroid-navigation-component-huge-space-in-toolbar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53968054%2fandroid-navigation-component-huge-space-in-toolbar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown