Material 3 Search Bar with Jetpack Compose - Easy Tutorial

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 56

  • @tonnie7079
    @tonnie7079 Год назад +7

    Wow, great stuff, I like how the SearchBar Compoent expands and shrinks, super good stuff.

  • @AndrewDChristie
    @AndrewDChristie Год назад

    Thanks!

  • @muhammadirvan8655
    @muhammadirvan8655 Год назад +3

    Great tutorial, thanks for sharing Stevdza-san!

  • @asadlodhi01
    @asadlodhi01 3 месяца назад

    best channel for learning Jetpack Compose!

  • @RichardMaidenCG
    @RichardMaidenCG 7 месяцев назад

    Clear and concise. Thanks a lot! 🤓

  • @aimtodev9009
    @aimtodev9009 11 месяцев назад

    Thanks for what you do!
    Can you share how you did the auto fill of parameters in 1:08, please?

  • @greensquadz7651
    @greensquadz7651 Год назад +7

    Nice, Could you make a tutorial about implementation of admob ads ( banner, interstitial and native ) in jetpack compose cuz its still rare in YT 😊 thanks

  • @laymansalgorithm8594
    @laymansalgorithm8594 27 дней назад

    Nice❤

  • @Revitalish
    @Revitalish 7 месяцев назад

    what if i use this searchBar above a list of items and I don't want it to hide my list or to show me the searchbar menu with history searches? i want the bar to stay as it is and simply filter my list when I press the search button, how do I prevent it from changing it's presentation once I click on it to type something?

  • @abderrahimelgomri1626
    @abderrahimelgomri1626 Год назад +1

    I'm working on your course todoapp , and I tried to work with this searchBar or DockedSearchBar but I had a problem which is that I get a view with suggestions I tried to disable it but I couldn't , do you know how to do it ?

  • @maiaman3610
    @maiaman3610 Год назад +1

    How can I add padding to the Search bar without changing the padding when it expands?

    • @erayagdogan3389
      @erayagdogan3389 Год назад +2

      My best workaround so far is adding this modifier to Searchbar:
      Modifier
      .padding(if (isActive) 0.dp else 16.dp)
      .animateContentSize()
      edit: This method is not efficient in terms of performance . Use this instead:
      val searchBarPadding by animateDpAsState(targetValue = if (isActive) 0.dp else 16.dp)
      SearchBar(
      modifier = Modifier
      .padding(searchBarPadding)
      .
      .
      .

  • @marcelacharry
    @marcelacharry Год назад

    Hello, great tutorial.Thanks

  • @Sj-yf2jg
    @Sj-yf2jg Год назад +3

    make a video about search in lazycolumn list, using searchview

    • @StevdzaSan
      @StevdzaSan  Год назад +1

      It's not that different. You just need to connect the dots. 👌

    • @Sj-yf2jg
      @Sj-yf2jg Год назад

      ok i will try

    • @Sj-yf2jg
      @Sj-yf2jg Год назад

      Where is the this video project source code link?

    • @StevdzaSan
      @StevdzaSan  Год назад

      @Sj I didn't include it since it's quite simple.

    • @Sj-yf2jg
      @Sj-yf2jg Год назад

      @@StevdzaSan ok

  • @kevalkanpariya
    @kevalkanpariya Год назад +1

    Please make video on Oauth2 Authentication with Webview using Jetpack compose
    How the CallBackUrl retrieved from the api and retrieve access token to make api calls.

  • @YeldarRating
    @YeldarRating 11 месяцев назад

    hello, how can I add some spacing vertically and horizontally?

  • @fedro2439
    @fedro2439 Год назад

    Hi, can I ask. How can I use this SearchBar on bottom of screen? my problem is when the searchbar on focus, it goes up out of screen.

  • @chandra_83
    @chandra_83 Год назад

    How to place SearchBar with Title in Scaffold ? Can you provide an example for that ?

  • @erpanpamuji9462
    @erpanpamuji9462 Год назад

    thank you sir

  • @jaelsonwagner
    @jaelsonwagner Год назад

    Amazing tutorial, @stevdza-san. Very objective.

  • @ww6670
    @ww6670 Год назад +2

    Hey, I have a question about the SearchBar function. Did you code your own or can we inherit it from somewhere? If it is your function, where could I get the entire code? Thank you in advance

    • @StevdzaSan
      @StevdzaSan  Год назад +1

      That's a composable function that comes with the compose material dependency.

    • @ww6670
      @ww6670 Год назад

      @@StevdzaSan Do you mind sharing which dependencies you added for this code?

    • @StevdzaSan
      @StevdzaSan  Год назад

      @@ww6670 material3 compose

    • @vickramodero6971
      @vickramodero6971 Год назад

      @@StevdzaSan SearchBar compose is not available currently

    • @muratcakr1264
      @muratcakr1264 Год назад +3

      @@vickramodero6971 added after 1.2.0-alpha01

  • @metromancn
    @metromancn Год назад

    Nice job

  • @wm9dz
    @wm9dz Год назад +1

    How to save history of search in database in app ??

  • @elzubairelseddeg4047
    @elzubairelseddeg4047 Год назад

    Thanks

  • @Chris-MariosNeagu
    @Chris-MariosNeagu Год назад

    Hi, how can I modify the text style of the input user types in search bar?

  • @pigua7705
    @pigua7705 Год назад

    good job

  • @ghrafkly
    @ghrafkly Год назад

    Can you please provide a list of your dependecies? I can't seem to find the correct material3 one for SearchBar

    • @StevdzaSan
      @StevdzaSan  Год назад

      Every default compose material 3 project template in Android Studio has it.

    • @ghrafkly
      @ghrafkly Год назад

      @@StevdzaSan mine doesn’t. I am using Flamingo

    • @StevdzaSan
      @StevdzaSan  Год назад +1

      @@ghrafkly Try using the latest Compose BOM version: developer.android.com/jetpack/compose/bom/bom-mapping

    • @ghrafkly
      @ghrafkly Год назад

      @@StevdzaSan Looked like I had to update my Kotlin in build.gradle to 1.8.10. Still have an error on app load, but the app seems to be usable atm

    • @bhartendukumar
      @bhartendukumar Год назад +1

      implementation platform('androidx.compose:compose-bom:2023.05.01') change into to this one

  • @АльфредАхметгалеев

    How to connect Search Bar ?

  • @abderrahimelgomri1626
    @abderrahimelgomri1626 Год назад +1

    I prefer adding an IconButton instead of a simple Icon with an onclick modifier .

  • @АльфредАхметгалеев

    Hello! Where can you get the source?

  • @Noor_alden
    @Noor_alden Год назад

    🤩🤩

  • @bladeclown999
    @bladeclown999 Месяц назад

    Pls give this tutorial in javaaa .

  • @top10channels31
    @top10channels31 Год назад

    Can you make a video how to open a dialog when fcm notification received in app whether app is closed or open. Any one interested in this topic leave a like

  • @khaderel-truk7790
    @khaderel-truk7790 Год назад

    first like🎉