flexbox-layout
recyclerview-animators
flexbox-layout | recyclerview-animators | |
---|---|---|
6 | 3 | |
18,153 | 11,457 | |
-0.0% | - | |
0.0 | 0.0 | |
about 1 year ago | 4 months ago | |
Kotlin | Kotlin | |
Apache License 2.0 | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flexbox-layout
- How do you make your grid recyclerview items fit with different screen sizes?
-
Animations and Performance in Nested RecyclerViews
In order to properly encapsulate the reaction view logic, we created a class that extends RecyclerView and has a bind method that takes in the list of reactions and updates the RecyclerView’s adapter with that list. Given that we had to support a multi-line layout, we initially looked into using GridLayoutManager to achieve this but ended up finding an open-source library by Google named flexbox-layout that provides a LayoutManager that supports laying out items in multiple flex-rows, which is exactly what we needed. Using these ingredients, we were able to get a simple version of our layout up and running. What’s next was adding custom animations and improving performance.
-
Am I the only one that feels Compose is a step backward?
You could use FlexBoxLayout, though that's for the old system.
-
Is it obligatory to use sp?
I would highly recommend using sp for text sizes as users can change the font size in their settings. So if someone has bad vision and large text, your app would be disregarding scaling the text up. This does make it more difficult to create layouts that work for all text sizes, but there are patterns such as a constraint layout flow or flex box which will make everything in one row if the content fits our stack on top of each other if it doesn't fit in a single row.
- New to iOS dev, how do I create something similar to flexbox layout (from Android) in SwiftUI?
-
Example where Flow widget in ConstraintLayout shines
This blog doesn't really mention the actual case Flow tries to solve. It is more akin to FlexBoxLayout where it can wrap the row/column if the child widget's size exceeds the size of the container.
recyclerview-animators
-
How do i create this animation while scrolling?
For Recyclerview you could use this library for some similar animations https://github.com/wasabeef/recyclerview-animators
-
Animations and Performance in Nested RecyclerViews
Next, we looked at overriding SimpleItemAnimator but noticed that this class is missing a lot of logic required for orchestrating the animations. We realized that the Android SDK does not really allow us to easily customize RecyclerView item animations - what a shame! Doing some research on this we found two open-source libraries (here and here - note: this is no endorsement) that provide a variety of custom ItemAnimators by using a base ItemAnimator implementation that is very similar to the DefaultItemAnimator class but allows for proper customization. We ended up creating our own BaseItemAnimator by looking at DefaultItemAnimator and adapting it to our needs and then creating the actual implementation for the reaction feature. This allowed us to customize the “Add” animation like so:
-
How can I code an app like this?
Probably uses a library of some sort for animations, the rest would be Recyclerviews and components normal to Android. The whole thing is set in a Fragment/ Tabbed Activity.
What are some alternatives?
android-flowlayout - Linear layout, that wrap its content to the next line if there is no space in the current line.
mtk-easy-su - Get bootless root access with few clicks.
android-gridlayout - A backwards compatible implementation of GridLayout for Android
Epoxy - Epoxy is an Android library for building complex screens in a RecyclerView
MultiLineRadioGroup - Multi Line Radio Group is a Radio Group layout to show radio buttons in more than one line.
sticky-headers-recyclerview - [UNMAINTAINED] Sticky Headers decorator for Android's RecyclerView
FlowLayout - Android implementation of FlowLayout. Layout arranges its children in multiple rows depending on their width.
UltimateRecyclerView - A RecyclerView(advanced and flexible version of ListView in Android) with refreshing,loading more,animation and many other features.
android-linear-layout-manager - Linear Layout Manager which supports WRAP_CONTENT
twoway-view
DragLinearLayout - Android LinearLayout with drag and drop to reorder.
InfiniteRecyclerView - A RecyclerView Adapter which allows you to have an Infinite scrolling list in your apps