ComposeViews
1.11.1.2indexedOffers a variety of UI components such as pagers, banners, refresh layouts, flow layouts, and custom selectors, enhancing user interface design flexibility and interactivity.
562
Stars
—
Used by
dependents
—
Health
/ 100
ComposeViews
Applicable to Compose-multiplatform(Jetpack), Supported targets: Android, iOS, Web(js, Wasm js), Desktop(Windows, Linux, macOS)
us English | cn 简体中文 | detailed documentation
Views:
- ComposePager
- Banner
- PagerIndicator
- ImageBanner
- RefreshLayout + PullToRefresh + VerticalRefreshableLayout
- FlowLayout
- ValueSelector + DateSelector
- MenuFloatingActionButton
- ChainScrollableComponent + ScrollableAppBar + SwipeToDismiss
Version support
Add to your project
Your app or common dir, build.gradle.kts add:
version
=
dependencies {
...
implementation("io.github.ltttttttttttt:ComposeViews:$version")//this, such as 1.6.11.2
}
ComposePager
/**
* Pager (Equivalent to the ViewPager in android)
* @param pageCount Sum page count
* @param modifier
* @param composePagerState ComposePager's state
* @param orientation Scroll orientation
* @param userEnable Whether the user can scroll
* @param pageCache The number of pagers cached on the left and right sides
* scrollableInteractionSource Scroll state monitor
* pagerKey Using key to improve performance, reduce recombination, and achieve the same effect as [LazyColumn#items#key]
* clip Whether to crop the content area
* contentTransformation Transform the Content of ComposePager
* content Content of compose
*/
Banner
sample/**
* [ComposePager] that can auto scroll
* @param pageCount Sum page count
* @param modifier
* @param bannerState Banner's state
* @param orientation Scroll orientation
* @param userEnable Whether the user can scroll
* @param autoScroll Whether to scroll automatically
* @param autoScrollTime Auto scroll interval
* bannerKey Using key to improve performance, reduce recombination, and achieve the same effect as [LazyColumn#items#key]
* clip Whether to crop the content area
* contentTransformation Transform the Content of ComposePager
* content Content of compose
*/
PagerIndicator
ImageBanner
sample/**
* [Banner] showing images
* @param imageSize Number of images
* @param imageContent Content of the images
* @param indicatorItem The indicator, if null, do not display indicator
* @param selectIndicatorItem The indicator, if null, do not display indicator
* modifier
* bannerState Banner's state
* orientation Orientation of indicators
* autoScroll Whether to scroll automatically
* autoScrollTime Auto scroll interval
* bannerKey Using key to improve performance, reduce recombination, and achieve the same effect as [LazyColumn#items#key]
* clip Whether to crop the content area
* contentTransformation Transform the Content of ComposePager
*/
RefreshLayout
FlowLayout
/**
* Linear layout with word wrapping
* @param modifier
* @param orientation Direction of arrangement
* @param horizontalAlignment Alignment of horizontal
* @param verticalAlignment Alignment of vertical
* @param horizontalMargin Margin of horizontal
* verticalMargin Margin of vertical
* maxLines How many lines can be placed
* content Content of compose
*/
ValueSelector and DateSelector
/**
* Date Selector
* @param state DateSelector's state
* @param modifier
* @param isLoop Whether the value list is loop
*/
@Composable
fun DateSelector()
/**
* Value selector
*/
@Composable
fun ValueSelector()
MenuFloatingActionButton
/**
* Floating action button
* @param icon Menu icon
* @param label Menu text
* @param srcIconColor Icon color
* @param labelTextColor Label text color
* @param labelBackgroundColor Background color of label text
* @param fabBackgroundColor Background color of floating action button
*/
@Composable
fun MenuFloatingActionButton()
ChainScrollableComponent
More
Config
//Set multiple languages, get the system language by default
Strings.setLanguage("en")
contact information
Kotlin Communication Group(QQ): 101786950