Compose Curved-Scroll is an Android Jetpack Compose library made with ❤️

Related tags

Jetpack Compose Compose-Curved-Scroll-library
Overview

Compose-Curved-Scroll-library

Compose Curved-Scroll is an Android Jetpack Compose library made with ❤️ , it's a simple yet customizable implementation for a Curved-Scroll in Jetpack Compose.

Preview


Dark theme Light theme
Dark theme Light theme
Dark theme Light theme

Installation

- Step 1- Add jitpack in your project build.gradle

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

- Step 2- Add the dependency in your app build.gradle

dependencies {
    ...
    implementation 'com.github.mohamedtamer0:Compose-Curved-Scroll-library:1.0'
}

- Step 3- Optional

in some Gradle 😝 versions in Android studio you might need to add to your settings.gradle

repositories {
    ...
    maven { url 'https://jitpack.io' }
}

Use

You can Add Infinite number of items

//List of item add
val items = listOf(
    "Name1",
    "Name2",
    "Name3",
    "Name4",
    "Name5",
    "Name6",
    "Name7",
    "Name8",
    "Name9"
)
  CurvedScrollView(items.size) { index ->
      Column(
          modifier = Modifier.wrapContentSize()
      ) {
          Image(
              painter = painterResource(
                  id =
                  when (index) {
                      0 -> R.drawable.a
                      1 -> R.drawable.b
                      2 -> R.drawable.c
                      3 -> R.drawable.d
                      4 -> R.drawable.e
                      5 -> R.drawable.f
                      6 -> R.drawable.g
                      7 -> R.drawable.h
                      8 -> R.drawable.i
                      else -> R.drawable.j
                  }
              ),
              contentDescription = "Curved Image",
              contentScale = ContentScale.Crop,
              modifier = Modifier
                  .size(70.dp)
                  .clip(CircleShape)
          )

          Spacer(modifier = Modifier.padding(5.dp))

          Text(
              text = items[index],
              style = MaterialTheme.typography.h6
          )
      }
  }
Image(
    painter = painterResource(id = R.drawable.a),
    contentDescription = "Curved Logo Image",
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .width(120.dp)
        .height(150.dp)
        .clip(RoundedCornerShape(20.dp))
)

License

MIT License

Copyright (c) 2022 mohamed tamer

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
You might also like...
New style for app design and Movies App with Movies API JetMaxMovies made in Jetpack Compose.😉😎
New style for app design and Movies App with Movies API JetMaxMovies made in Jetpack Compose.😉😎

JetMaxMovie New style for app design and Movies App with Movies API JetMaxMovies made in Jetpack Compose. 😉 😎 (Navigation Compose,Dagger-Hilt, Mater

Arvind Meshram 6 Jul 6, 2022
Simple implementation of a login made with jetpack compose and verifying its authentication through a REST API using retrofit
Simple implementation of a login made with jetpack compose and verifying its authentication through a REST API using retrofit

Simple Login/Auth + Jetpack Compose + Retrofit Demo 📱 Json Object Request 📑 Re

Luis David Orellana 11 Jan 1, 2023
JetStrap - Ready-Made Jetpack Compose Components

JetStrap Ready-Made Jetpack Compose Components Installation implementation "com.

Hyeonseo Yang 0 Jan 6, 2022
🏞 Wallpaper app made with Jetpack Compose
🏞 Wallpaper app made with Jetpack Compose

WallUp ⛰ Wallpaper finder and downloader app Demonstrate the Jetpack Compose UI using Unsplash API Made with ❤️ by Enes UI Design 🎨 Thanks to Rian Ha

Enes Kayıklık 33 Dec 16, 2022
Faradle - Wordle made in Jetpack Compose
Faradle - Wordle made in Jetpack Compose

Faradle The famous Wordle game created with Jetpack Compose The logic is fully u

Adib Faramarzi 138 Oct 17, 2022
OTPView is a view made in Jetpack compose. It is highly customisable and can be used to show OTP view with different length and shapes.
OTPView is a view made in Jetpack compose. It is highly customisable and can be used to show OTP view with different length and shapes.

OTPView OTPView is a highly costumizable OTP view made in the Jetpack compose UI. Usage: CircleOtpView is a sample composable that calls the OtpView w

kunalsale 17 Aug 4, 2022
An app showing all details for various Lenovo Thinkpad models. Made to try out Jepack Compose for Android.

ThinkRchive An app showing all details for various Lenovo Thinkpad models. Made to try out Jepack Compose for Android. WORK IN PROGRESS GOALS: Use Ret

Racka98 81 Dec 16, 2022
💻 A cross-platform desktop application to identify libraries used inside an android application. Made possible by Compose Desktop ⚡
💻 A cross-platform desktop application to identify libraries used inside an android application. Made possible by Compose Desktop ⚡

🚀 stackzy A desktop app to analyse APK. Built using Compose desktop ✨ Demo Watch demo 📽️ Usage Show usage 💻 Install Platform Download Status Linux

theapache64 876 Dec 24, 2022
An app showing all details for various Lenovo Thinkpad models. Made to try out Jepack Compose for Android.
An app showing all details for various Lenovo Thinkpad models. Made to try out Jepack Compose for Android.

An app showing all details for various Lenovo Thinkpad models. Made to try out Jepack Compose for Android. This repo is a Mutliplatform version of the initial Thinkrchive which was Android-centric

Thinkrchive 59 Dec 28, 2022
Releases(1.0)
Owner
mohamed tamer
Software Developer { Kotlin & Java }
mohamed tamer
GitHub
Lull is an Android mobile application made with Jetpack Compose, where you can download wallpapers.

Lull Lull is an Android mobile application made with Jetpack Compose, where you can download wallpapers. Table of Contents Features Screenshots Light

Simge Şengün 12 Oct 10, 2022
Resume of Louis CAD, made with Jetpack Compose. Supports the Web, Desktop, and Android.

ResumeComposition What This project is the source code of the resume/CV of Louis CAD. The latest PDF export is available here, it is ready to print. H

Louis CAD 22 Aug 14, 2022
android Sticky-TimeLineView that made with jetpack-compose

ComposeTimeLineView android Sticky-TimeLineView that made with jetpack-compose. Download implementation "io.github.jisungbin:timelineview:${version}"

Ji Sungbin 23 Dec 3, 2022
android multi-fab that made with jetpack-compose

ComposeMultiFab android multi-fab that made with jetpack-compose Download implementation "io.github.jisungbin:multifab:${version}" Usage @Composable f

Ji Sungbin 8 Dec 3, 2022
Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cached data by Room

Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cached data by Room

Yogi Dewansyah 13 Aug 31, 2022
Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cached data by Room

Mobile Banking Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cach

Yogi Dewansyah 13 Aug 31, 2022
A diary app made by Jetpack Compose

Chinese ?? ComposeDiary A simple diary app build by Jetpack Compose, use navigation library for single activity implementation Tech Stack & Features P

RERERE 4 Jun 7, 2022
Online Furniture Shop App UI made in Jetpack Compose.

JetComposeFurnitureShopUI-Android Online Furniture Shop App UI made in Jetpack Compose with clean architecture... ?? ?? (Navigation Components, Dagger

Arvind Meshram 30 Dec 19, 2022
New style for app design Online Flora Go Go App UI made in Jetpack Compose. 😉 😎

JetComposeLoginUI New style for app design Online Flora Go Go App UI made in Jetpack Compose. ?? ?? (Navigation Components, Dagger-Hilt, Material Comp

Arvind Meshram 95 Dec 22, 2022
New style for app design E-commerce Shop App UI made in Jetpack Compose.😉😎

E-commerceShopAppUI-Android New style for app design E-commerce Shop App UI made in Jetpack Compose. ?? ?? (Navigation Components, Dagger-Hilt, Materi

Arvind Meshram 30 Jan 8, 2023