Bottom NavBar with Xamarin Forms

แชร์
ฝัง

ความคิดเห็น • 110

  • @user-fr4vy5ne2l
    @user-fr4vy5ne2l 6 ปีที่แล้ว +1

    Hi, thank you very much for your lessons. How can I set the color of the icon. By default it is gray. help me

  • @shalomtakri
    @shalomtakri 6 ปีที่แล้ว +1

    Good videos carry on. Good to learn from you.

  • @benvolz5003
    @benvolz5003 6 ปีที่แล้ว

    hi, how did you get the colour to show a line under the value ?

  • @en_acorn
    @en_acorn 6 ปีที่แล้ว +1

    What is the resolution of the Icons you use?

  • @NewsUpdates13
    @NewsUpdates13 5 ปีที่แล้ว

    Hey man, thanks for your good video, but I got an error
    System.MissingMethodException: void BottomNavigationBar.BottomBarBadge.Hide(bool)
    any suggestion?

  • @TheSinzy
    @TheSinzy 6 ปีที่แล้ว

    I've tried using sources files directly as you shown in vidoe but getting an exception 'System.TypeInitializationException: The type initializer for 'Color' threw an exception.' on line _bottomBar = BottomNavigationBar.BottomBar.Attach (_frameLayout, null); IT says in logs that ' Field 'BottomNavigationBar.Resource/Attribute.alpha' not found.'
    Do you know anything about that?..

  • @AjaySaini-107
    @AjaySaini-107 6 ปีที่แล้ว

    Hi,
    How to change the default background color of bottom navigation bar? I am looking to set it as white, but not able to found it.

  • @ExtraMad0
    @ExtraMad0 4 ปีที่แล้ว

    hi houssem, I have a little problem with the title tag, it just views the icon without the title.
    what I can to do with that.

  • @davidhedelin7987
    @davidhedelin7987 6 ปีที่แล้ว

    Thanks for the video!! :) Do you know how to keep the text for each tab at all times? Dont want the text to disappear.

  • @TheSinzy
    @TheSinzy 6 ปีที่แล้ว +1

    There is a pakcage in NuGet with the ending LATEST.. What is that?

  • @tahirmehraj5748
    @tahirmehraj5748 6 ปีที่แล้ว

    Do you need a rendered folder for ios as it doesnt' show the background color and badges on ios ?

  • @Iamvickysingh
    @Iamvickysingh 6 ปีที่แล้ว +1

    Thank you sir, awesome video

  • @en_acorn
    @en_acorn 5 ปีที่แล้ว

    Is there a way to also change the color of the status bar every change of color from the bottom navigation bar?

  • @khulerhngcobo
    @khulerhngcobo 6 ปีที่แล้ว

    Thank you very much for this video, its so helpful. I've been trying to bind BadgeCount with a property from my view model, but it couldn't show. Can you suggest anything regarding that?

  • @Elmaster451
    @Elmaster451 6 ปีที่แล้ว

    Do you know how I can change the size of the navbar?

  • @NewsUpdates13
    @NewsUpdates13 6 ปีที่แล้ว

    I found that version 1.02 dont have badge feature... can you please update , I need to use that badge so bad

  • @josephcasantusan4775
    @josephcasantusan4775 6 ปีที่แล้ว

    Hi Houssem, Please help me with the error System.TypeInitializationException: The type initializer for 'Color' threw an exception. I think that is because of the BottomNavigationBar Nuget. Because when I change it to lower version, other error shows. System.MissingMethodException: Method 'BottomNavigationBar.BottomBarBadge.Hide' not found.

  • @kalyanganesh9091
    @kalyanganesh9091 5 ปีที่แล้ว

    Hi man!! It's possible to make popup menu on below selecting items?

  • @baiqing3370
    @baiqing3370 6 ปีที่แล้ว

    @Houssem Dellai Is there any way to change text and/or icon color of the bottom tabs?

    • @davidhedelin7987
      @davidhedelin7987 6 ปีที่แล้ว

      David Hedelin
      2 seconds ago
      void UpdateBarTextColor()
      {
      if (_disposed || _bottomBar == null)
      {
      return;
      }
      _bottomBar.SetActiveTabColor(Element.BarTextColor.ToAndroid(Color.White));
      // The problem SetActiveTabColor does only work in fiexed mode // haven't found yet how to set text color for tab items on_bottomBar, doesn't seem to have a direct way
      }

  • @NewsUpdates13
    @NewsUpdates13 6 ปีที่แล้ว

    nice video man,
    but I got some problem, the tab color not work form me, I dont know where is missed

  • @EdJastre
    @EdJastre 6 ปีที่แล้ว

    How can I reduce the number of items? Because if I only use 4 or less, the plugin does not work correctly. It works only with 5 items? thank you

  • @omarantonio4969
    @omarantonio4969 6 ปีที่แล้ว +1

    thanks for the plugin!!!
    What is the size of the images of the icons, since I do not see the name below the icon in my app?

    • @omarantonio4969
      @omarantonio4969 6 ปีที่แล้ว

      After putting different sizes, I realized that if I put 24pxX24px if the name appears, thank you anyway!!

  • @mathiasdobler6102
    @mathiasdobler6102 6 ปีที่แล้ว +1

    is there any way to change or remove the animation of the tabbar items when switching to a new page?

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      Mathias Dobler you can change the colors

  • @KimichisxD
    @KimichisxD 5 ปีที่แล้ว +1

    Actually is this cross-platform, or android only? Thank you

  • @Sandrielo
    @Sandrielo 5 ปีที่แล้ว

    You are the best man! I love you!!!!

  • @tonmoyroy7164
    @tonmoyroy7164 6 ปีที่แล้ว

    Hi! This is very helpful content. Please let me know how to hide/unhide the navbar during scrolling up/down the page

  • @antoniorivera6014
    @antoniorivera6014 5 ปีที่แล้ว

    Great Job !

  • @malikjehangir3337
    @malikjehangir3337 6 ปีที่แล้ว +1

    Hi Houssem, Thanks for amazing videos. Can you do a video for Bluetooth LE devices and their service access with xamarin forms? Really need help for it as I cant find a good sample or a guide anywhere... Thanks !!

  • @ismailcapkn5009
    @ismailcapkn5009 5 ปีที่แล้ว

    Hello . How I can implement the bottomBar on masterdetail Page ? can you help me please .

  • @khloudsamy178
    @khloudsamy178 6 ปีที่แล้ว +1

    How to refresh the previous page to my current in back button click because on back clicked the previous page’s form is filled with the data ???

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว +1

      You can use the OnAppearing(...) method on the ContentPage :)

  • @sakuralu489
    @sakuralu489 4 ปีที่แล้ว

    Nice video!

  • @Elmaster451
    @Elmaster451 6 ปีที่แล้ว

    AWESOME MAN THANKS!

  • @abhishekpathak-ze5pn
    @abhishekpathak-ze5pn 6 ปีที่แล้ว +1

    Hi houssem can u pls upload vedio for fcm chat and push notification in xamarin forms

  • @muhammedikram2666
    @muhammedikram2666 4 ปีที่แล้ว

    Can this be moved to top of the screen

  • @sumeetssarf
    @sumeetssarf 6 ปีที่แล้ว

    how can in i use tab xaml code in cs page

  • @zainmohammed3022
    @zainmohammed3022 6 ปีที่แล้ว

    Can u tell me how to add badge in IOS also using same thing

  • @mayurgudi381
    @mayurgudi381 4 ปีที่แล้ว

    Bar is coming at the top

  • @sizzliiing
    @sizzliiing 6 ปีที่แล้ว +3

    Not working on me. I followed every single step 😣

  • @PankajNikam
    @PankajNikam 6 ปีที่แล้ว +1

    Now Xamarin Forms v3 has this out of the box.

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      Pankaj Nikam yes right :)

    • @sangamadhikari8497
      @sangamadhikari8497 6 ปีที่แล้ว

      Hey i need help, i just created this with the new Xamarin which has by default, now how can i open a different fragment whenever i click each bottom tab. Any documentation or links would be highly helpful. Thanks.

    • @sangamadhikari8497
      @sangamadhikari8497 6 ปีที่แล้ว

      Also i think its not Xamarin.Forms its Xamarin that has it by default, isn't it ?

  • @joaobp7ify
    @joaobp7ify 6 ปีที่แล้ว +1

    Hi Houssem,
    I did exactly the same and this error occurs, can you tell me how to solve it?
    Severity Code Description Project File Line Suppression State
    Error CS0433 The type 'BottomBarPage' exists in both 'Base, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null' and 'BottomBar.XamarinForms, Version=1.0.6334.21543, Culture=neutral, PublicKeyToken=null' Base.Droid C:\Users
    oot\Documents\Visual Studio 2015\Projects\Base\Base\Base.Droid\BottomBar\Renderers\BottomBarPageRenderer.cs 35 Active

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว +1

      May be you have added a new page and you called it BottomBarPage, which already exists !

    • @joaobp7ify
      @joaobp7ify 6 ปีที่แล้ว +1

      Thanks for the great work!

  • @benjiemaybuena5398
    @benjiemaybuena5398 5 ปีที่แล้ว

    where is the other link?

  • @luisfbadel
    @luisfbadel 6 ปีที่แล้ว +4

    Can you do a video conecting a Xamarin App with a sql database via a Web Api but with stored procedures (in SQL Mannager) and DAL models?, I saw you video "Advanced Xamarin Forms [Connecting to Web Services] Part2" but you used entity. I don't know how to create the controller.

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว +1

      Good suggestion! But that is not on my plan for the near future. You can reuse "Advanced Xamarin Forms [Connecting to Web Services] Part2" and just change the methods implementation in the Controller to call Stored Procedures instead of EF.

    • @luisfbadel
      @luisfbadel 6 ปีที่แล้ว

      Houssem Dellai I already have my model and my dal model (calling the stored procedure = SELECT * FROM...) but i dont know how to do the controller 😢

    • @FragTrapX
      @FragTrapX 6 ปีที่แล้ว

      try houssems course; its free: www.udemy.com/i-want-to-connect-my-xamarin-forms-app-to-rest-api/learn/v4/overview

  • @ameralmadany5833
    @ameralmadany5833 6 ปีที่แล้ว

    Hi Houssem, i dont have these "code sharing strategy .Net Standard" how to add it ?

    • @PankajNikam
      @PankajNikam 6 ปีที่แล้ว +1

      Please update your Visual Studio to the latest 15.8.1 and you should have the .NET Standard option available.

  • @rolandoesquivel6774
    @rolandoesquivel6774 6 ปีที่แล้ว +1

    Hello I'm using this navigation bar and it works very well, just that I have a problem, when I try to run the application on IOS it gives me an error because it does not recognize the navigation bar, and I just install it in the andorid project and in the shared project , will I also have to install it in ios? some idea of how to solve it.

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      Rolando Esquivel that is weird. Because I didn't installed it on iOS and we don't need to do that.

    • @rolandoesquivel6774
      @rolandoesquivel6774 6 ปีที่แล้ว

      411/5000
      yeah I know, just as I am developing for android and ios and the two projects take reference of the shared project when the view reference that it is a bottom bar type in ios does not recognize it when making the view render so that was my doubt I do not know if I explain myself well, I do not speak English very well and I am using the translator haha anyway thank you very much and I will be watching your videos.

  • @ameralmadany5833
    @ameralmadany5833 6 ปีที่แล้ว

    Thank you :)

  • @antonkorolev6420
    @antonkorolev6420 3 ปีที่แล้ว

    Hi
    How add counter for TabbedPage children?

  • @kamel7897
    @kamel7897 6 ปีที่แล้ว +2

    xamarin forms keep user logged in after closing the app and reopen it ??

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว +1

      If you save the Access_Token into database, then yes.

    •  6 ปีที่แล้ว +1

      please make a video , explaining this

  • @ismailcapkn5009
    @ismailcapkn5009 5 ปีที่แล้ว

    TabColor is working good on android but not working on ios . I mean the tabcolor is not changing on ios platform . Does anyone know that ?

  • @muhammadyaseen1418
    @muhammadyaseen1418 4 ปีที่แล้ว

    Thx ...how to make my app seen in share dialog and share photo or text from other app to my app... thx

  • @mostafakazemi7572
    @mostafakazemi7572 6 ปีที่แล้ว

    why removed badgecount after chage tab?

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      mostafa kazemi all apps do that ! I think they suppose you red your notifications.

  • @portesbruno
    @portesbruno 6 ปีที่แล้ว +1

    Great video. Its awesome. This plugin works in iOs?

    • @thechrisgate
      @thechrisgate 6 ปีที่แล้ว +1

      iOS put Tab in bottom by default.

    • @thechrisgate
      @thechrisgate 6 ปีที่แล้ว +1

      i think it will pick whatever ur specific think u have................its just a tab to others platform

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      You'll need custom renderers to apply the same Android's animations

    • @kamel7897
      @kamel7897 6 ปีที่แล้ว

      you have specified in the shared project xf:bottompage so in ios it would be just a normal tabbed page ?

    • @thechrisgate
      @thechrisgate 6 ปีที่แล้ว +1

      youssef kamel yes

  • @khloudsamy178
    @khloudsamy178 6 ปีที่แล้ว +1

    How to use this navigation bar as a control in all app pages ??

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว +1

      Good question! You might try to use NavigationPage as one of the BottomNavBar's child pages.

    • @khloudsamy178
      @khloudsamy178 6 ปีที่แล้ว

      Houssem Dellai thank you so much

    • @JH-qe3fu
      @JH-qe3fu 6 ปีที่แล้ว

      Can you explain more?

  • @mayanksoni7845
    @mayanksoni7845 6 ปีที่แล้ว

    hi houssem can you please make video on how to generate pdf using xsl file in xamarin forms

  • @sachinchakravarthys1807
    @sachinchakravarthys1807 6 ปีที่แล้ว +2

    we need Basic Tutorial for click and page interaction with VS 2017 and latest C#

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      Do you mean navigation from one page to another ? If that's right, then you will find that in my videos :)

  • @johnericpaglinawan4654
    @johnericpaglinawan4654 5 ปีที่แล้ว

    I tried to compile and it runs. But bottom bar not working. Android 8.1. I also tried to download your demo but it crashes in phone. It only compiles.

    • @johnericpaglinawan4654
      @johnericpaglinawan4654 5 ปีที่แล้ว

      This shows "Severity Code Description Project File Line Suppression State
      Error Your project is not referencing the "MonoAndroid,Version=v8.1" framework. Add a reference to "MonoAndroid,Version=v8.1" in the "frameworks" section of your project.json, and then re-run NuGet restore. BottomBarDemo.Android
      "

  • @thechrisgate
    @thechrisgate 6 ปีที่แล้ว +1

    the plugin on sample is different from the plugin used in the video............is it me or the url?

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      chrit godwin yes there's some minor changes :)

    • @thechrisgate
      @thechrisgate 6 ปีที่แล้ว +1

      its not minor changes sir.........two diff plugins by two diff people........the confusion it brought its higher than the information u r giving us...can u write something somewhere to address this ...thanks

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว

      You are right Chrit :) You can consider that the published code is the one described as the second part in the videos (the solution by adding source code). Thank you for mentioning that :)

  • @sathishkumar.m3531
    @sathishkumar.m3531 4 ปีที่แล้ว

    Dear houssem dellai..kindly share camera take photo with geo location laditude and longitude in xamarin forms

  • @nandhakumar-tb9gl
    @nandhakumar-tb9gl 6 ปีที่แล้ว

    How to hide this bottomBar

  • @anupk29
    @anupk29 6 ปีที่แล้ว

    How about ios ??

  • @24amit
    @24amit 4 ปีที่แล้ว

    Not a working example due to lots of complexity in using the plug-in. I finally gave up after multiple issues mainly in BottomBarPageExtension class. Not recommended as I have wasted my 2 days in fixing the issues.

  • @AshishSharma-xq2yl
    @AshishSharma-xq2yl 4 ปีที่แล้ว

    Hello Sir cloud u please share this thing for iso and android both

  • @tahirmehraj5748
    @tahirmehraj5748 6 ปีที่แล้ว

    This is showing so many errors . I tried to download it from your Github link. I am getting a there too. The error is "the generatejavastubs task failed"

    • @en_acorn
      @en_acorn 6 ปีที่แล้ว

      Same here, did you find any solution?

    • @tahirmehraj5748
      @tahirmehraj5748 5 ปีที่แล้ว

      Wendell Ramos yep

    • @en_acorn
      @en_acorn 5 ปีที่แล้ว

      How?

    • @tahirmehraj5748
      @tahirmehraj5748 5 ปีที่แล้ว

      Hey wandel ! Ping me on tahir.mehraj92@gmail.com

  • @ziyad78692
    @ziyad78692 6 ปีที่แล้ว

    Great video. Its awesome.
    Can we change icons color?

    • @davidhedelin7987
      @davidhedelin7987 6 ปีที่แล้ว

      David Hedelin
      2 seconds ago
      void UpdateBarTextColor()
      {
      if (_disposed || _bottomBar == null)
      {
      return;
      }
      _bottomBar.SetActiveTabColor(Element.BarTextColor.ToAndroid(Color.White));
      // The problem SetActiveTabColor does only work in fiexed mode // haven't found yet how to set text color for tab items on_bottomBar, doesn't seem to have a direct way
      }

    • @ziyad78692
      @ziyad78692 6 ปีที่แล้ว

      how to change inactive tab icon color?

  • @mahmoudawad9144
    @mahmoudawad9144 5 ปีที่แล้ว

    plz >>>>
    Error CS0433 The type 'BottomBarPage' exists in both 'BottomBar.XamarinForms, Version=1.0.6334.21543, Culture=neutral, PublicKeyToken=null' and 'BottomBarDemo, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null' BottomBarDemo.Android C:\Users\Administrator\Desktop\BottomBar-Xamarin-Forms-master\BottomBar-Xamarin-Forms-master\BottomBarDemo\BottomBarDemo.Android\BottomBar\Renderers\BottomBarPageRenderer.cs 35 N/A

  • @KimTaehyung-qd3gk
    @KimTaehyung-qd3gk 3 ปีที่แล้ว

    Its not on the bottom bar

  • @benjiemaybuena5398
    @benjiemaybuena5398 5 ปีที่แล้ว +2

    I'm a beginner and I can't always follow your tutorial specially when there is a thing you did so fast like doing short cut key to paste or make your code :(

  • @ebman889
    @ebman889 6 ปีที่แล้ว +2

    This plugin only supports .Net v4.5 framework :(

    • @HoussemDellai
      @HoussemDellai  6 ปีที่แล้ว +1

      ecco ripo you still can install it on .netstandard (it will just display a warning on nuget package references)

    • @junkmilkshake
      @junkmilkshake 4 ปีที่แล้ว

      ugh same problem

  •  5 ปีที่แล้ว +1

    Not working on me. I followed every single step 😣

    • @HoussemDellai
      @HoussemDellai  5 ปีที่แล้ว

      Hi Rogério,
      May be it is a new version of the package :)

    •  5 ปีที่แล้ว

      @@HoussemDellai I ended up doing it using custom renderer.
      But thanks for replying your videos are great.