├── .gitignore
├── CONTRIBUTING.md
├── ComposeInfoHostConfigurationGuide.md
├── LICENSE
├── README.md
├── SSComposeInfoBarConfigurationGuide.md
├── app
├── .gitignore
├── build.gradle.kts
├── proguard-rules.pro
└── src
│ └── main
│ ├── AndroidManifest.xml
│ ├── java
│ └── com
│ │ └── simform
│ │ └── sscustominfobarapp
│ │ ├── MainActivity.kt
│ │ ├── home
│ │ ├── Home.kt
│ │ └── SettingBottomSheet.kt
│ │ ├── ui
│ │ └── theme
│ │ │ ├── Color.kt
│ │ │ ├── Theme.kt
│ │ │ └── Type.kt
│ │ └── utils
│ │ ├── AppDimens.kt
│ │ └── AppUtils.kt
│ └── res
│ ├── drawable-v24
│ └── ic_launcher_foreground.xml
│ ├── drawable
│ ├── ic_launcher_background.xml
│ ├── liquid_cheese.xml
│ └── wintery_sunburst.png
│ ├── mipmap-anydpi-v26
│ ├── ic_launcher.xml
│ └── ic_launcher_round.xml
│ ├── mipmap-hdpi
│ ├── ic_launcher.webp
│ └── ic_launcher_round.webp
│ ├── mipmap-mdpi
│ ├── ic_launcher.webp
│ └── ic_launcher_round.webp
│ ├── mipmap-xhdpi
│ ├── ic_launcher.webp
│ └── ic_launcher_round.webp
│ ├── mipmap-xxhdpi
│ ├── ic_launcher.webp
│ └── ic_launcher_round.webp
│ ├── mipmap-xxxhdpi
│ ├── ic_launcher.webp
│ └── ic_launcher_round.webp
│ └── values
│ └── strings.xml
├── build.gradle.kts
├── gifs
├── action.gif
├── annotated.gif
├── default.gif
├── error.gif
├── expand_shrink.gif
├── fade_in_out.gif
├── gradient.gif
├── horizontal_slide.gif
├── internet_observer.gif
├── png.gif
├── scale.gif
├── scale_vertical.gif
├── slide_to_action.gif
├── success.gif
├── svg.gif
├── swipe_to_dismiss.gif
└── warning.gif
├── gradle.properties
├── gradle
├── libs.versions.toml
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── gradlew
├── gradlew.bat
├── settings.gradle.kts
└── sscustominfobar
├── .gitignore
├── build.gradle.kts
├── consumer-rules.pro
├── proguard-rules.pro
└── src
└── main
├── AndroidManifest.xml
├── java
└── com
│ └── simform
│ └── sscustominfobar
│ ├── animation
│ └── AnimationUtil.kt
│ ├── defaultInfoBars
│ ├── ErrorInfoBar.kt
│ ├── OfflineInfoBar.kt
│ ├── SlideToPerformActionInfoBar.kt
│ ├── SuccessInfoBar.kt
│ └── WarningInfoBar.kt
│ ├── main
│ ├── SSComposeInfoBar.kt
│ ├── SSComposeInfoHost.kt
│ ├── SSInfoBarBackground.kt
│ └── components
│ │ └── CustomText.kt
│ ├── res
│ ├── Colors.kt
│ └── Dimens.kt
│ └── utils
│ ├── ConnectivityObserver.kt
│ ├── DirectionalLazyListState.kt
│ ├── LibUtils.kt
│ ├── SwipeToDismissModifier.kt
│ └── TextType.kt
└── res
└── values
└── strings.xml
/.gitignore:
--------------------------------------------------------------------------------
1 | # Created by https://www.toptal.com/developers/gitignore/api/android,androidstudio,kotlin,java,gradle,git
2 | # Edit at https://www.toptal.com/developers/gitignore?templates=android,androidstudio,kotlin,java,gradle,git
3 |
4 | ### Android ###
5 | # Built application files
6 | *.apk
7 | *.aar
8 | *.ap_
9 | *.aab
10 |
11 | # Files for the ART/Dalvik VM
12 | *.dex
13 |
14 | # Java class files
15 | *.class
16 |
17 | # Generated files
18 | bin/
19 | gen/
20 | out/
21 | # Uncomment the following line in case you need and you don't have the release build type files in your app
22 | release/
23 |
24 | # Gradle files
25 | .gradle/
26 | build/
27 |
28 | # Local configuration file (sdk path, etc)
29 | local.properties
30 |
31 | # Local secret keys file (api keys)
32 | apikeys.properties
33 |
34 | # Proguard folder generated by Eclipse
35 | proguard/
36 |
37 | # Log Files
38 | *.log
39 |
40 | # Android Studio Navigation editor temp files
41 | .navigation/
42 |
43 | # Android Studio captures folder
44 | captures/
45 |
46 | # IntelliJ
47 | .idea
48 | *.iml
49 | .idea/workspace.xml
50 | .idea/tasks.xml
51 | .idea/gradle.xml
52 | .idea/assetWizardSettings.xml
53 | .idea/dictionaries
54 | .idea/libraries
55 | # Android Studio 3 in .gitignore file.
56 | .idea/caches
57 | .idea/modules.xml
58 | # Comment next line if keeping position of elements in Navigation Editor is relevant for you
59 | .idea/navEditor.xml
60 |
61 | # Keystore files
62 | # Uncomment the following lines if you do not want to check your keystore files in.
63 | #*.jks
64 | #*.keystore
65 |
66 | # External native build folder generated in Android Studio 2.2 and later
67 | .externalNativeBuild
68 | .cxx/
69 |
70 | # Google Services (e.g. APIs or Firebase)
71 | # google-services.json
72 |
73 | # Freeline
74 | freeline.py
75 | freeline/
76 | freeline_project_description.json
77 |
78 | # fastlane
79 | fastlane/report.xml
80 | fastlane/Preview.html
81 | fastlane/screenshots
82 | fastlane/test_output
83 | fastlane/readme.md
84 |
85 | # Version control
86 | vcs.xml
87 |
88 | # lint
89 | lint/intermediates/
90 | lint/generated/
91 | lint/outputs/
92 | lint/tmp/
93 | # lint/reports/
94 |
95 | ### Android Patch ###
96 | gen-external-apklibs
97 | output.json
98 |
99 | # Replacement of .externalNativeBuild directories introduced
100 | # with Android Studio 3.5.
101 |
102 | ### Git ###
103 | # Created by git for backups. To disable backups in Git:
104 | # $ git config --global mergetool.keepBackup false
105 | *.orig
106 |
107 | # Created by git when using merge tools for conflicts
108 | *.BACKUP.*
109 | *.BASE.*
110 | *.LOCAL.*
111 | *.REMOTE.*
112 | *_BACKUP_*.txt
113 | *_BASE_*.txt
114 | *_LOCAL_*.txt
115 | *_REMOTE_*.txt
116 |
117 | ### Java ###
118 | # Compiled class file
119 |
120 | # Log file
121 |
122 | # BlueJ files
123 | *.ctxt
124 |
125 | # Mobile Tools for Java (J2ME)
126 | .mtj.tmp/
127 |
128 | # Package Files #
129 | *.jar
130 | *.war
131 | *.nar
132 | *.ear
133 | *.zip
134 | *.tar.gz
135 | *.rar
136 |
137 | # virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
138 | hs_err_pid*
139 |
140 | ### Kotlin ###
141 | # Compiled class file
142 |
143 | # Log file
144 |
145 | # BlueJ files
146 |
147 | # Mobile Tools for Java (J2ME)
148 |
149 | # Package Files #
150 |
151 | # virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
152 |
153 | ### Gradle ###
154 | .gradle
155 |
156 | # Ignore Gradle GUI config
157 | gradle-app.setting
158 |
159 | # Avoid ignoring Gradle wrapper jar file (.jar files are usually ignored)
160 | !gradle-wrapper.jar
161 |
162 | # Cache of project
163 | .gradletasknamecache
164 |
165 | # # Work around https://youtrack.jetbrains.com/issue/IDEA-116898
166 | # gradle/wrapper/gradle-wrapper.properties
167 |
168 | ### Gradle Patch ###
169 | **/build/
170 |
171 | ### AndroidStudio ###
172 | # Covers files to be ignored for android development using Android Studio.
173 |
174 | # Built application files
175 |
176 | # Files for the ART/Dalvik VM
177 |
178 | # Java class files
179 |
180 | # Generated files
181 |
182 | # Gradle files
183 |
184 | # Signing files
185 | .signing/
186 |
187 | # Local configuration file (sdk path, etc)
188 |
189 | # Proguard folder generated by Eclipse
190 |
191 | # Log Files
192 |
193 | # Android Studio
194 | /*/build/
195 | /*/local.properties
196 | /*/out
197 | /*/*/build
198 | /*/*/production
199 | *.ipr
200 | *~
201 | *.swp
202 |
203 | # Android Patch
204 |
205 | # External native build folder generated in Android Studio 2.2 and later
206 |
207 | # NDK
208 | obj/
209 |
210 | # IntelliJ IDEA
211 | *.iws
212 | /out/
213 |
214 | # User-specific configurations
215 | .idea/caches/
216 | .idea/libraries/
217 | .idea/shelf/
218 | .idea/.name
219 | .idea/compiler.xml
220 | .idea/copyright/profiles_settings.xml
221 | .idea/encodings.xml
222 | .idea/misc.xml
223 | .idea/scopes/scope_settings.xml
224 | .idea/vcs.xml
225 | .idea/jsLibraryMappings.xml
226 | .idea/datasources.xml
227 | .idea/dataSources.ids
228 | .idea/sqlDataSources.xml
229 | .idea/dynamic.xml
230 | .idea/uiDesigner.xml
231 |
232 | # OS-specific files
233 | .DS_Store
234 | .DS_Store?
235 | ._*
236 | .Spotlight-V100
237 | .Trashes
238 | ehthumbs.db
239 | Thumbs.db
240 |
241 | # Legacy Eclipse project files
242 | .classpath
243 | .project
244 | .cproject
245 | .settings/
246 |
247 | # Mobile Tools for Java (J2ME)
248 |
249 | # Package Files #
250 |
251 | # virtual machine crash logs (Reference: http://www.java.com/en/download/help/error_hotspot.xml)
252 |
253 | ## Plugin-specific files:
254 |
255 | # mpeltonen/sbt-idea plugin
256 | .idea_modules/
257 |
258 | # JIRA plugin
259 | atlassian-ide-plugin.xml
260 |
261 | # Mongo Explorer plugin
262 | .idea/mongoSettings.xml
263 |
264 | # Crashlytics plugin (for Android Studio and IntelliJ)
265 | com_crashlytics_export_strings.xml
266 | crashlytics.properties
267 | crashlytics-build.properties
268 | fabric.properties
269 |
270 | ### AndroidStudio Patch ###
271 |
272 | !/gradle/wrapper/gradle-wrapper.jar
273 |
274 | # Settings
275 | settings/
276 |
277 | !/app/src/production
278 |
279 | # End of https://www.toptal.com/developers/gitignore/api/android,androidstudio,kotlin,java,gradle,git
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Way to contribute
2 |
3 | 1. Fork the repo and create your branch from `main`.
4 | 2. Clone the project to your own machine. (Please have a look at [**Readme.md**](https://github.com/SimformSolutionsPvtLtd/SSCompose-CustomInfoBar/blob/master/README.md) to understand how to run this project on your machine)
5 | 3. Commit changes to your own branch
6 | 4. Make sure your code lints.
7 | 5. Push your work back up to your fork.
8 | 6. Issue that pull request!
9 |
--------------------------------------------------------------------------------
/ComposeInfoHostConfigurationGuide.md:
--------------------------------------------------------------------------------
1 |
2 | # SSComposeInfoHost Config Customization
3 |
4 | ## You can customise the SSComposeInfoBar Behaviour by configuring the SSComposeInfoHost.
5 |
6 | 1. **Such as the direction from which the InfoBar will be shown.**
7 | ```kotlin
8 | var direction by remember {
9 | mutableStateOf((SSComposeInfoBarDirection.Top))
10 | }
11 |
12 | SSComposeInfoHost(
13 | modifier = Modifier
14 | .fillMaxSize(),
15 | composeHostState = composeInfoHostState,
16 | direction = direction
17 | )
18 | ```
19 |
20 | 2. **Whether we want to show a default info bar when there is no internet connection.**
21 | ```kotlin
22 | SSComposeInfoHost(
23 | modifier = Modifier
24 | .fillMaxSize(),
25 | composeHostState = composeInfoHostState,
26 | enableNetworkMonitoring = true,
27 | )
28 | ```
29 | 3. **To show a custom ComposeInfoBar we can pass our own Composable in the parameter.**
30 | ```kotlin
31 | SSComposeInfoHost(
32 | modifier = Modifier
33 | .fillMaxSize(),
34 | composeHostState = composeInfoHostState,
35 | composeInfoBar = { content ->
36 | SSComposeInfoBar(
37 | title = content.title,
38 | description = content.description
39 | )
40 | }
41 | )
42 | ```
43 |
44 | 4. **If you want to have a functionality where the info bar gets dismissed when user starts scrolling some content downwards and it should be visible only if user scrolls slightly upwards.**
45 | ```kotlin
46 | val lazyListState = rememberLazyListState()
47 |
48 | SSComposeInfoHost(
49 | modifier = Modifier
50 | .fillMaxSize(),
51 | composeHostState = composeInfoHostState,
52 | contentScrollState = lazyListState
53 | )
54 | ```
55 |
56 | 5. **If you want a callback when the info bar is dismissed successfully then we can set an onDismissListener to ComposeInfoHostState**
57 | ```kotlin
58 | val composeInfoHostState by remember {
59 | mutableStateOf(SSComposeInfoHostState())
60 | }
61 |
62 | composeInfoHostState.setOnInfoBarDismiss {
63 | Toast.makeText(
64 | context,
65 | context.getString(R.string.info_bar_dismissed_successfully),
66 | Toast.LENGTH_SHORT
67 | ).show()
68 | }
69 |
70 | SSComposeInfoHost(
71 | modifier = Modifier
72 | .fillMaxSize(),
73 | composeHostState = composeInfoHostState
74 | )
75 | ```
76 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2024 Simform Solutions
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ![Banner]
2 |
3 | # :speech_balloon: SSCompose-CustomInfoBar :speech_balloon:
4 |
5 |
6 |
7 | [![Platform-badge]][Android]
8 | [![Jetpack Compose-badge]][Android]
9 | [![API-badge]][Android]
10 | [](https://kotlinlang.org)
11 | [![Release-badge]][Release]
12 |
13 |
14 |
15 |
16 | Welcome to our SSCompose-CustomInfoBar Library! :tada:
17 | Tired of generic snackbars? This Jetpack Compose library offers a powerful and customizable way to
18 | display informative messages within your app.
19 |
20 | ## :zap: Features
21 |
22 | - **Content**: Add :speech_balloon: text, icons, or even custom composables to your info bar for
23 | ultimate flexibility.
24 | - **Position**: Display the info bar strategically at the :point_up: top or :point_down: bottom of
25 | your
26 | screen.
27 | - **Duration**: Control how long the info bar stays visible, from indefinite to short :zap: or
28 | long :
29 | hourglass: durations.
30 | - **Styles**: Predefined styles like :warning: error, :information_source: info, and warning are
31 | available, or craft your own style with custom background,
32 | text color, and icons.
33 | - **Swipe to dismiss**: Users can dismiss the info bar with a simple swipe, providing an interactive
34 | touch.
35 | - **Look & Feel**: :paintbrush: Customize the info bar's shape, color, and elevation to seamlessly
36 | match
37 | your app's design.
38 | - **Theming**: Integrate with Jetpack Compose's theming system for a consistent and beautiful look
39 | across your app.
40 | - **Animations**: :tada: Liven up your info bars with various built-in entrance and exit animations.
41 | - **Offline Notifications**: :signal_strength: A constructor flag which allows to automatically
42 | displays
43 | an info bar giving "you are offline" notification.
44 | - **Action button**: :+1: Optional action button to show on InfoBar.
45 | - **On Dismiss Callback**: Get notified about bar dismissal.
46 | - **Queueing System**: :repeat: Display multiple info bars sequentially.
47 |
48 | **NOTE:**
49 | - Scroll to show and hide info bar feature work only with LazyListState.
50 | - If the duration of infoBar is infinite then the queue feature won't work.
51 | - Currently there is no limit to how many info bars can be added to queue for displaying.
52 |
53 |
54 | ## :framed_picture: Preview
55 | |Full Preview |
56 | |---|
57 | ||
58 |
59 | | Default Demo | Error Themed | Warning Themed |
60 | |------------------------------------------------|----------------------------------------------|------------------------------------------------|
61 | | 
| 
| 
|
62 |
63 | | Success Themed | Annotated Strings | Gradient Background |
64 | |--------------------------------------------------|----------------------------------------------------|---------------------------------------------------|
65 | | 
| 
| 
|
66 |
67 | | SVG Background | PNG Background | Action Button |
68 | |----------------------------------------------|----------------------------------------------|-------------------------------------------------|
69 | | 
| 
| 
|
70 |
71 | # :books: How it works:
72 |
73 | 1. Add the dependency in your app's build.gradle file
74 |
75 | ```kotlin
76 | dependencies {
77 | implementation("com.github.SimformSolutionsPvtLtd:SSCompose-CustomInfoBar:1.0")
78 | }
79 | ```
80 |
81 | 2. Add the JitPack repository
82 |
83 | For latest Android Studio, in **settings.gradle** file
84 | inside **`dependencyResolutionManagement`** block
85 |
86 | ```kotlin
87 | dependencyResolutionManagement {
88 | repositories {
89 | ...
90 | maven { url = uri("https://jitpack.io") }
91 | }
92 | }
93 | ```
94 |
95 | 3. Create ComposeInfoHost with default parameters to host ComposeInfoBar (NOTE: Here we are not
96 | passing an custom ComposeInfoBar so it will use a default implementation. To show custom
97 | ComposeInfoBar check out [SSComposeInfoHost-Customisation-Guide])
98 |
99 | ```kotlin
100 | val composeInfoHostState by remember {
101 | mutableStateOf(SSComposeInfoHostState())
102 | }
103 |
104 | SSComposeInfoHost(
105 | modifier = Modifier
106 | .fillMaxSize(),
107 | composeHostState = composeInfoHostState
108 | ) {
109 | MainComposable()
110 | }
111 | ```
112 |
113 | 4. Show composeInfoBar anywhere in your project
114 |
115 | ```kotlin
116 | val coroutineScope = rememberCoroutineScope()
117 |
118 | var duration by remember {
119 | mutableStateOf(SSComposeInfoDuration.Short)
120 | }
121 |
122 | coroutineScope.launch {
123 | composeInfoHostState.show(
124 | infoBarData = SSComposeInfoBarData(title, description),
125 | duration = duration
126 | )
127 | }
128 | ```
129 |
130 | 5. For full customisation of SSComposeInfoBar checkout [SSComposeInfoBar-Customisation-Guide]
131 |
132 | ## :heart: Find this samples useful?
133 |
134 | Support it by joining [stargazers] :star: for this repository.
135 |
136 | ## :handshake: How to Contribute?
137 |
138 | Whether you're helping us fix bugs, improve the docs, or a feature request, we'd love to have you! :
139 | muscle: \
140 | Check out our __[Contributing Guide]__ for ideas on contributing.
141 |
142 | ## :lady_beetle: Bugs and Feedback
143 |
144 | For bugs, feature requests, and discussion use [GitHub Issues].
145 |
146 | ## :rocket: Other Mobile Libraries
147 |
148 | Check out our other libraries [Awesome-Mobile-Libraries].
149 |
150 | ## :balance_scale: License
151 |
152 | Distributed under the MIT license. See [LICENSE] for details.
153 |
154 |
155 |
156 | [Banner]: https://github.com/user-attachments/assets/231ef0fa-4ac0-4bf4-9060-63c3b15f0512
157 |
158 | [Android]: https://www.android.com/
159 |
160 | [Android App Architecture]: https://developer.android.com/topic/architecture
161 |
162 | [Release]: https://github.com/SimformSolutionsPvtLtd/SSCompose-CustomInfoBar/releases/latest
163 |
164 | [stargazers]: https://github.com/SimformSolutionsPvtLtd/SSCompose-CustomInfoBar/stargazers
165 |
166 | [Contributing Guide]: CONTRIBUTING.md
167 |
168 | [Github Issues]: https://github.com/SimformSolutionsPvtLtd/SSCompose-CustomInfoBar/issues
169 |
170 | [Awesome-Mobile-Libraries]: https://github.com/SimformSolutionsPvtLtd/Awesome-Mobile-Libraries
171 |
172 | [license]: LICENSE
173 |
174 | [SSComposeInfoBar-Customisation-Guide]: SSComposeInfoBarConfigurationGuide.md
175 |
176 | [SSComposeInfoHost-Customisation-Guide]: ComposeInfoHostConfigurationGuide.md
177 |
178 |
179 |
180 | [Platform-badge]: https://img.shields.io/badge/Platform-Android-green.svg?logo=Android
181 |
182 | [Jetpack Compose-badge]: https://img.shields.io/badge/Jetpack_Compose-v1.5.11-1c274a.svg?logo=jetpackcompose&logoColor=3ddc84
183 |
184 | [API-badge]: https://img.shields.io/badge/API-21+-51b055
185 |
186 | [Release-badge]: https://img.shields.io/github/v/release/SimformSolutionsPvtLtd/SSCompose-CustomInfoBar
187 |
188 | [License Badge-badge]: https://img.shields.io/github/license/SimformSolutionsPvtLtd/SSCompose-CustomInfoBar
189 |
--------------------------------------------------------------------------------
/SSComposeInfoBarConfigurationGuide.md:
--------------------------------------------------------------------------------
1 |
2 | # SSComposeInfoBar Customization
3 |
4 | ### You can create your own custom InfoBar using SSComposeInfoBar composable which accepts following parameters.
5 |
6 | | Parameter Name | Parameter Type | Description | Default Value |
7 | |------------------|---------------------------|--------------------------------------------------------------------------------|----------------------------------------------------|
8 | | title | TextType | The title of the InfoBar (Wrapper around String and AnnotatedString. | N/A |
9 | | titleStyle | TextStyle | Text style of the InfoBar title. | SSComposeInfoBarDefaults.defaultTitleStyle |
10 | | description | TextType? | The description of the InfoBar. | null |
11 | | descriptionStyle | TextStyle | Text style of the InfoBar description. | SSComposeInfoBarDefaults.defaultDescriptionStyle |
12 | | customBackground | SSCustomBackground | Background of the InfoBar (Wrapper around Support PNG, SVG and Color). | SSComposeInfoBarDefaults.defaultSSCustomBackground |
13 | | icon | ImageVector | Icon that will be displayed along with title and description. | Icons.Default.Info |
14 | | shape | Shape | Shape of the InfoBar. | SSComposeInfoBarDefaults.shape |
15 | | elevations | SSComposeInfoBarElevation | Elevation of the InfoBar (Wrapper around Tonal elevation and Shadow elevation. | SSComposeInfoBarDefaults.elevations |
16 | | contentColors | SSComposeInfoBarColors | Content colors for InfoBar content. | SSComposeInfoBarDefaults.colors |
17 | | contentPadding | PaddingValues | PaddingValues that will be applied to InfoBar. | SSComposeInfoBarDefaults.contentPadding |
18 | | height | Dp | Height of the InfoBar. | SSComposeInfoBarDefaults.defaultHeight |
19 | | actionText | String | Title of the action button if action is showed. | SSComposeInfoBarDefaults.defaultActionTitle |
20 | | onActionClicked | (() -> Unit)? | Callback for when user clicks the action button on InfoBar. | null |
21 | | onCloseClicked | () -> Unit | Callback for when user clicks the close icon on InfoBar. | Empty Lambda |
22 | | isInfinite | Boolean | Flag that decides whether to show a close icon on InfoBar. | false |
23 |
--------------------------------------------------------------------------------
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
--------------------------------------------------------------------------------
/app/build.gradle.kts:
--------------------------------------------------------------------------------
1 | plugins {
2 | alias(libs.plugins.androidApplication)
3 | alias(libs.plugins.jetbrainsKotlinAndroid)
4 | }
5 |
6 | android {
7 | namespace = libs.versions.applicationId.get()
8 | compileSdk = libs.versions.compileSDK.get().toInt()
9 |
10 | defaultConfig {
11 | applicationId = libs.versions.applicationId.get()
12 | minSdk = libs.versions.minSDK.get().toInt()
13 | targetSdk = libs.versions.targetSDK.get().toInt()
14 | versionCode = libs.versions.versionCode.get().toInt()
15 | versionName = libs.versions.version.get()
16 |
17 | testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
18 | vectorDrawables {
19 | useSupportLibrary = true
20 | }
21 | }
22 |
23 | buildTypes {
24 | release {
25 | isMinifyEnabled = false
26 | proguardFiles(
27 | getDefaultProguardFile("proguard-android-optimize.txt"),
28 | "proguard-rules.pro"
29 | )
30 | }
31 | }
32 | compileOptions {
33 | sourceCompatibility = JavaVersion.VERSION_17
34 | targetCompatibility = JavaVersion.VERSION_17
35 | }
36 | kotlinOptions {
37 | jvmTarget = "17"
38 | }
39 | buildFeatures {
40 | compose = true
41 | }
42 | composeOptions {
43 | kotlinCompilerExtensionVersion = "1.5.11"
44 | }
45 | packaging {
46 | resources {
47 | excludes += "/META-INF/{AL2.0,LGPL2.1}"
48 | }
49 | }
50 | }
51 |
52 | dependencies {
53 |
54 | implementation(libs.androidx.core.ktx)
55 | implementation(libs.androidx.lifecycle.runtime.ktx)
56 | implementation(libs.androidx.activity.compose)
57 | implementation(platform(libs.androidx.compose.bom))
58 | implementation(libs.androidx.ui)
59 | implementation(libs.androidx.ui.graphics)
60 | implementation(libs.androidx.ui.tooling.preview)
61 | implementation(libs.androidx.material3)
62 | implementation(libs.material.icons.extended)
63 | testImplementation(libs.junit)
64 | androidTestImplementation(libs.androidx.junit)
65 | androidTestImplementation(libs.androidx.espresso.core)
66 | androidTestImplementation(platform(libs.androidx.compose.bom))
67 | androidTestImplementation(libs.androidx.ui.test.junit4)
68 | debugImplementation(libs.androidx.ui.tooling)
69 | debugImplementation(libs.androidx.ui.test.manifest)
70 | implementation(project(path = ":sscustominfobar"))
71 | }
--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # You can control the set of applied configuration files using the
3 | # proguardFiles setting in build.gradle.
4 | #
5 | # For more details, see
6 | # http://developer.android.com/guide/developing/tools/proguard.html
7 |
8 | # If your project uses WebView with JS, uncomment the following
9 | # and specify the fully qualified class name to the JavaScript interface
10 | # class:
11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12 | # public *;
13 | #}
14 |
15 | # Uncomment this to preserve the line number information for
16 | # debugging stack traces.
17 | #-keepattributes SourceFile,LineNumberTable
18 |
19 | # If you keep the line number information, uncomment this to
20 | # hide the original source file name.
21 | #-renamesourcefileattribute SourceFile
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/MainActivity.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp
2 |
3 | import android.os.Bundle
4 | import androidx.activity.ComponentActivity
5 | import androidx.activity.compose.setContent
6 | import androidx.compose.foundation.layout.fillMaxSize
7 | import androidx.compose.material3.MaterialTheme
8 | import androidx.compose.material3.Surface
9 | import androidx.compose.ui.Modifier
10 | import com.simform.sscustominfobarapp.home.SSCustomInfoBarHome
11 | import com.simform.sscustominfobarapp.ui.theme.SSCustomInfoBarTheme
12 |
13 | class MainActivity : ComponentActivity() {
14 | override fun onCreate(savedInstanceState: Bundle?) {
15 | super.onCreate(savedInstanceState)
16 | setContent {
17 | SSCustomInfoBarTheme {
18 | Surface(
19 | modifier = Modifier.fillMaxSize(),
20 | color = MaterialTheme.colorScheme.background
21 | ) {
22 | SSCustomInfoBarHome()
23 | }
24 | }
25 | }
26 | }
27 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/home/Home.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp.home
2 |
3 | import android.widget.Toast
4 | import androidx.compose.foundation.layout.Arrangement
5 | import androidx.compose.foundation.layout.Box
6 | import androidx.compose.foundation.layout.PaddingValues
7 | import androidx.compose.foundation.layout.fillMaxSize
8 | import androidx.compose.foundation.layout.fillMaxWidth
9 | import androidx.compose.foundation.layout.height
10 | import androidx.compose.foundation.layout.padding
11 | import androidx.compose.foundation.lazy.LazyColumn
12 | import androidx.compose.foundation.lazy.items
13 | import androidx.compose.foundation.lazy.rememberLazyListState
14 | import androidx.compose.material.icons.Icons
15 | import androidx.compose.material.icons.outlined.Settings
16 | import androidx.compose.material3.Button
17 | import androidx.compose.material3.ButtonDefaults
18 | import androidx.compose.material3.ExperimentalMaterial3Api
19 | import androidx.compose.material3.Icon
20 | import androidx.compose.material3.IconButton
21 | import androidx.compose.material3.MaterialTheme
22 | import androidx.compose.material3.ModalBottomSheet
23 | import androidx.compose.material3.Scaffold
24 | import androidx.compose.material3.Text
25 | import androidx.compose.material3.TopAppBar
26 | import androidx.compose.material3.TopAppBarDefaults
27 | import androidx.compose.material3.rememberModalBottomSheetState
28 | import androidx.compose.runtime.Composable
29 | import androidx.compose.runtime.getValue
30 | import androidx.compose.runtime.mutableStateOf
31 | import androidx.compose.runtime.remember
32 | import androidx.compose.runtime.rememberCoroutineScope
33 | import androidx.compose.runtime.setValue
34 | import androidx.compose.ui.Alignment
35 | import androidx.compose.ui.Modifier
36 | import androidx.compose.ui.graphics.Color
37 | import androidx.compose.ui.platform.LocalContext
38 | import androidx.compose.ui.res.stringResource
39 | import androidx.compose.ui.text.font.FontWeight
40 | import androidx.compose.ui.unit.dp
41 | import com.simform.sscustominfobar.animation.AnimationType
42 | import com.simform.sscustominfobar.main.SSComposeInfoBar
43 | import com.simform.sscustominfobar.main.SSComposeInfoBarDirection
44 | import com.simform.sscustominfobar.main.SSComposeInfoBarShapes
45 | import com.simform.sscustominfobar.main.SSComposeInfoDuration
46 | import com.simform.sscustominfobar.main.SSComposeInfoHost
47 | import com.simform.sscustominfobar.main.SSComposeInfoHostState
48 | import com.simform.sscustominfobarapp.R
49 | import com.simform.sscustominfobarapp.ui.theme.SimformPink
50 | import com.simform.sscustominfobarapp.utils.AppDimens
51 | import com.simform.sscustominfobarapp.utils.ButtonType
52 | import com.simform.sscustominfobarapp.utils.InfoBarByButtonType
53 | import com.simform.sscustominfobarapp.utils.getButtonTitle
54 | import com.simform.sscustominfobarapp.utils.getInfoBarDescription
55 | import com.simform.sscustominfobarapp.utils.getInfoBarTitle
56 | import com.simform.sscustominfobarapp.utils.showSSComposeInfoBar
57 | import java.util.LinkedList
58 | import java.util.Queue
59 |
60 | /**
61 | * Custom Button used in home screen of the demo.
62 | *
63 | * @param title Text in the button.
64 | * @param buttonType [ButtonType] of the button.
65 | * @param onClick Called when user clicks on this button.
66 | */
67 | @Composable
68 | private fun CustomHomeButton(
69 | title: String,
70 | buttonType: ButtonType,
71 | onClick: (ButtonType) -> Unit
72 | ) {
73 | Button(
74 | modifier = Modifier.fillMaxWidth(),
75 | shape = MaterialTheme.shapes.small,
76 | colors = ButtonDefaults.buttonColors(contentColor = Color.White, containerColor = SimformPink),
77 | onClick = {
78 | onClick(buttonType)
79 | }) {
80 | Text(text = title)
81 | }
82 | }
83 |
84 | /**
85 | * Custom Action bar to display app title and a setting icon.
86 | *
87 | * @param modifier The [Modifier] that is applied to this Custom action bar.
88 | * @param onSettingClicked Called when the user clicks on the settings icon.
89 | */
90 | @OptIn(ExperimentalMaterial3Api::class)
91 | @Composable
92 | fun HomeActionBar(modifier: Modifier = Modifier, onSettingClicked: () -> Unit) {
93 | TopAppBar(
94 | title = {
95 | Text(
96 | text = stringResource(R.string.ss_compose_info_bar_demo),
97 | color = Color.White,
98 | style = MaterialTheme.typography.titleMedium,
99 | fontWeight = FontWeight.Bold
100 | )
101 | },
102 | modifier = modifier,
103 | actions = {
104 | IconButton(onClick = onSettingClicked) {
105 | Icon(
106 | imageVector = Icons.Outlined.Settings,
107 | contentDescription = stringResource(R.string.info_bar_settings),
108 | tint = Color.White
109 | )
110 | }
111 | },
112 | colors = TopAppBarDefaults.topAppBarColors(
113 | containerColor = SimformPink,
114 | actionIconContentColor = MaterialTheme.colorScheme.onPrimary
115 | )
116 | )
117 | }
118 |
119 | /**
120 | * Home Screen for the demonstration of the [SSComposeInfoBar] Library.
121 | */
122 | @OptIn(ExperimentalMaterial3Api::class)
123 | @Composable
124 | fun SSCustomInfoBarHome() {
125 | val context = LocalContext.current
126 | val composeInfoHostState by remember {
127 | mutableStateOf(SSComposeInfoHostState())
128 | }
129 | val lazyListState = rememberLazyListState()
130 | val coroutineScope = rememberCoroutineScope()
131 | var shouldShowSettingSheet by remember {
132 | mutableStateOf(false)
133 | }
134 | var duration by remember {
135 | mutableStateOf(SSComposeInfoDuration.Short)
136 | }
137 | var direction by remember {
138 | mutableStateOf((SSComposeInfoBarDirection.Top))
139 | }
140 | var animationType by remember {
141 | mutableStateOf((AnimationType.SlideVertically))
142 | }
143 | val btnTypeQueue: Queue = remember {
144 | LinkedList()
145 | }
146 | var isSwipeToDismissEnabled by remember {
147 | mutableStateOf(false)
148 | }
149 | var isNetworkMonitoringEnabled by remember {
150 | mutableStateOf(true)
151 | }
152 | composeInfoHostState.setOnInfoBarDismiss {
153 | btnTypeQueue.remove()
154 | Toast.makeText(
155 | context,
156 | context.getString(R.string.info_bar_dismissed_successfully),
157 | Toast.LENGTH_SHORT
158 | ).show()
159 | }
160 | val sheetState = rememberModalBottomSheetState(true)
161 | Scaffold(
162 | modifier = Modifier,
163 | topBar = {
164 | HomeActionBar(
165 | modifier = Modifier
166 | ) {
167 | shouldShowSettingSheet = shouldShowSettingSheet.not()
168 | }
169 | }
170 | ) {
171 | SSComposeInfoHost(
172 | modifier = Modifier
173 | .fillMaxSize()
174 | .padding(it),
175 | composeHostState = composeInfoHostState,
176 | direction = direction,
177 | animationType = animationType,
178 | contentScrollState = lazyListState,
179 | enableNetworkMonitoring = isNetworkMonitoringEnabled,
180 | isSwipeToDismissEnabled = isSwipeToDismissEnabled,
181 | composeInfoBar = { content ->
182 | val currentBtnType = btnTypeQueue.element()
183 | InfoBarByButtonType(
184 | type = currentBtnType,
185 | content = content,
186 | isInfinite = composeInfoHostState.isInfinite.value,
187 | shape = if (composeInfoHostState.direction.value == SSComposeInfoBarDirection.Top) SSComposeInfoBarShapes.roundedBottom else SSComposeInfoBarShapes.roundedTop,
188 | onClose = {
189 | composeInfoHostState.dismiss()
190 | }
191 | )
192 | }
193 | ) {
194 | LazyColumn(
195 | modifier = Modifier
196 | .fillMaxSize()
197 | .padding(horizontal = AppDimens.DpMedium),
198 | state = lazyListState,
199 | contentPadding = PaddingValues(vertical = AppDimens.DpMedium),
200 | horizontalAlignment = Alignment.CenterHorizontally,
201 | verticalArrangement = Arrangement.spacedBy(AppDimens.DpMedium)
202 | ) {
203 | items(ButtonType.entries) { bType ->
204 | CustomHomeButton(
205 | title = stringResource(id = getButtonTitle(bType)),
206 | buttonType = bType
207 | ) { btnType ->
208 | val title = getInfoBarTitle(context, btnType)
209 | val desc = getInfoBarDescription(context, btnType)
210 |
211 | // NOTE: This if and else logic is only need for demo purposes as we are using multiple themes for infobar with a queue.
212 | if (duration != SSComposeInfoDuration.Indefinite) {
213 | btnTypeQueue.add(btnType)
214 | } else if (btnTypeQueue.isEmpty()) {
215 | // If the duration is infinite then only add the btnType in the queue for the very first time and not again.
216 | btnTypeQueue.add(btnType)
217 | }
218 | coroutineScope.showSSComposeInfoBar(
219 | title = title,
220 | description = desc,
221 | composeInfoHostState = composeInfoHostState,
222 | duration = duration
223 | )
224 | }
225 | }
226 | // For temporary usage will be removed in future.
227 | // add these invisible boxes to make the current list scrollable
228 | // in order to demonstrate scroll to show and hide feature
229 | if (composeInfoHostState.isVisible) {
230 | items(20) {
231 | Box(modifier = Modifier.height(24.dp))
232 | }
233 | }
234 | }
235 | if (shouldShowSettingSheet) {
236 | ModalBottomSheet(
237 | onDismissRequest = {
238 | shouldShowSettingSheet = false
239 | },
240 | sheetState = sheetState
241 | ) {
242 | // Sheet content
243 | SettingBottomSheet(
244 | inputDuration = duration,
245 | inputDirection = direction,
246 | inputAnimationType = animationType,
247 | inputSwipeToDismissState = isSwipeToDismissEnabled,
248 | inputNetworkObserverState = isNetworkMonitoringEnabled,
249 | onCancel = { shouldShowSettingSheet = false },
250 | onConfirm = { selectedDuration, selectedDirection, selectedAnimation,
251 | swipeToDismissState, networkObserverState ->
252 | duration = selectedDuration
253 | direction = selectedDirection
254 | animationType = selectedAnimation
255 | isSwipeToDismissEnabled = swipeToDismissState
256 | isNetworkMonitoringEnabled = networkObserverState
257 | shouldShowSettingSheet = false
258 | }
259 | )
260 | }
261 | }
262 | }
263 | }
264 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/home/SettingBottomSheet.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp.home
2 |
3 | import androidx.compose.foundation.layout.Arrangement
4 | import androidx.compose.foundation.layout.Column
5 | import androidx.compose.foundation.layout.Row
6 | import androidx.compose.foundation.layout.Spacer
7 | import androidx.compose.foundation.layout.fillMaxWidth
8 | import androidx.compose.foundation.layout.height
9 | import androidx.compose.foundation.layout.padding
10 | import androidx.compose.foundation.layout.width
11 | import androidx.compose.foundation.rememberScrollState
12 | import androidx.compose.foundation.verticalScroll
13 | import androidx.compose.material3.Button
14 | import androidx.compose.material3.HorizontalDivider
15 | import androidx.compose.material3.MaterialTheme
16 | import androidx.compose.material3.RadioButton
17 | import androidx.compose.material3.Surface
18 | import androidx.compose.material3.Switch
19 | import androidx.compose.material3.Text
20 | import androidx.compose.runtime.Composable
21 | import androidx.compose.runtime.getValue
22 | import androidx.compose.runtime.mutableStateOf
23 | import androidx.compose.runtime.remember
24 | import androidx.compose.runtime.setValue
25 | import androidx.compose.ui.Alignment
26 | import androidx.compose.ui.Modifier
27 | import androidx.compose.ui.draw.clip
28 | import androidx.compose.ui.res.stringResource
29 | import androidx.compose.ui.text.font.FontWeight
30 | import com.simform.sscustominfobar.animation.AnimationType
31 | import com.simform.sscustominfobar.main.SSComposeInfoBar
32 | import com.simform.sscustominfobar.main.SSComposeInfoBarDirection
33 | import com.simform.sscustominfobar.main.SSComposeInfoDuration
34 | import com.simform.sscustominfobarapp.R
35 | import com.simform.sscustominfobarapp.utils.AppDimens
36 |
37 | /**
38 | * Custom Bottom Sheet to display settings that user can set for the [SSComposeInfoBar] Displayed.
39 | *
40 | * @param modifier The modifier to apply to [SettingBottomSheet].
41 | * @param inputDuration The default value for [SSComposeInfoDuration].
42 | * @param inputDirection The default value for [SSComposeInfoBarDirection].
43 | * @param inputSwipeToDismissState The default value for whether the swipe to dismiss is enabled or not.
44 | * @param inputNetworkObserverState The default value for whether the network observer is enabled or not.
45 | * @param onCancel Called when the user clicks on the cancel button.
46 | * @param onConfirm Called when the user clicks on the confirm button.
47 | */
48 | @Composable
49 | fun SettingBottomSheet(
50 | modifier: Modifier = Modifier,
51 | inputDuration: SSComposeInfoDuration,
52 | inputDirection: SSComposeInfoBarDirection,
53 | inputAnimationType: AnimationType,
54 | inputSwipeToDismissState: Boolean,
55 | inputNetworkObserverState: Boolean,
56 | onCancel: () -> Unit,
57 | onConfirm: (SSComposeInfoDuration, SSComposeInfoBarDirection, AnimationType, Boolean, Boolean) -> Unit
58 | ) {
59 | var selectedDuration by remember {
60 | mutableStateOf(inputDuration)
61 | }
62 | var selectedDirection by remember {
63 | mutableStateOf(inputDirection)
64 | }
65 | var selectedAnimationType by remember {
66 | mutableStateOf(inputAnimationType)
67 | }
68 | var isSwipeToDismissEnabled by remember {
69 | mutableStateOf(inputSwipeToDismissState)
70 | }
71 | var isNetworkObserverEnabled by remember {
72 | mutableStateOf(inputNetworkObserverState)
73 | }
74 | Surface(modifier.clip(MaterialTheme.shapes.medium)) {
75 | Column(
76 | Modifier
77 | .padding(AppDimens.DpMedium)
78 | .verticalScroll(rememberScrollState())
79 | ) {
80 | DurationSection(selectedOption = selectedDuration) { duration ->
81 | selectedDuration = duration
82 | }
83 | HorizontalDivider(modifier = Modifier.height(AppDimens.DpMedium))
84 | DirectionSection(selectedOption = selectedDirection) { direction ->
85 | selectedDirection = direction
86 | }
87 | HorizontalDivider(modifier = Modifier.height(AppDimens.DpMedium))
88 | AnimationSection(selectedOption = selectedAnimationType) { animationType ->
89 | selectedAnimationType = animationType
90 | }
91 | HorizontalDivider(modifier = Modifier.height(AppDimens.DpMedium))
92 | CustomChipSection(
93 | title = stringResource(R.string.swipe_to_dismiss),
94 | isSelected = isSwipeToDismissEnabled,
95 | onSelected = { isSwipeToDismissEnabled = it }
96 | )
97 | CustomChipSection(
98 | title = stringResource(R.string.network_state_observation),
99 | isSelected = isNetworkObserverEnabled,
100 | onSelected = { isNetworkObserverEnabled = it }
101 | )
102 | ButtonRow(
103 | onCancel = onCancel,
104 | onConfirm = {
105 | onConfirm(
106 | selectedDuration,
107 | selectedDirection,
108 | selectedAnimationType,
109 | isSwipeToDismissEnabled,
110 | isNetworkObserverEnabled
111 | )
112 | }
113 | )
114 | }
115 | }
116 | }
117 |
118 |
119 | /**
120 | * Custom composable to show buttons in a row.
121 | * Here used for cancel and confirm buttons.
122 | *
123 | * @param onCancel Called when user clicks on cancel button
124 | * @param onConfirm Called when user clicks on confirm button
125 | */
126 | @Composable
127 | private fun ButtonRow(
128 | onCancel: () -> Unit,
129 | onConfirm: () -> Unit
130 | ) {
131 | Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceEvenly) {
132 | Button(
133 | onClick = onCancel,
134 | modifier = Modifier.weight(1f)
135 | ) {
136 | Text(text = stringResource(R.string.cancel))
137 | }
138 | Spacer(modifier = Modifier.width(AppDimens.DpMedium))
139 | Button(
140 | onClick = onConfirm,
141 | modifier = Modifier.weight(1f)
142 | ) {
143 | Text(text = stringResource(R.string.confirm))
144 | }
145 | }
146 | }
147 |
148 | /**
149 | * [SettingBottomSheet]'s sub composable for selecting animationType of [SSComposeInfoBar].
150 | *
151 | * @param selectedOption currently selected option on [AnimationType].
152 | * @param onOptionSelected called when user selects a new animationType radio button.
153 | */
154 | @Composable
155 | private fun AnimationSection(
156 | selectedOption: AnimationType,
157 | onOptionSelected: (animationType: AnimationType) -> Unit
158 | ) {
159 | BaseSettingSection(
160 | sectionTitle = stringResource(id = R.string.animation),
161 | selectedOption = selectedOption.name,
162 | optionsList = AnimationType.entries.map { it.name }) { newAnimation ->
163 | onOptionSelected(AnimationType.valueOf(newAnimation))
164 | }
165 | }
166 |
167 | /**
168 | * [SettingBottomSheet]'s sub composable for selecting duration of [SSComposeInfoBar].
169 | *
170 | * @param selectedOption currently selected option on [SSComposeInfoDuration].
171 | * @param onOptionSelected called when user selects a new duration radio button.
172 | */
173 | @Composable
174 | private fun DurationSection(
175 | selectedOption: SSComposeInfoDuration,
176 | onOptionSelected: (selectedDuration: SSComposeInfoDuration) -> Unit
177 | ) {
178 | BaseSettingSection(
179 | sectionTitle = stringResource(id = R.string.duration),
180 | selectedOption = selectedOption.name,
181 | optionsList = SSComposeInfoDuration.entries.map { it.name }) { newSelectedDuration ->
182 | onOptionSelected(SSComposeInfoDuration.valueOf(newSelectedDuration))
183 | }
184 | }
185 |
186 | /**
187 | * [SettingBottomSheet]'s sub composable for selecting direction of [SSComposeInfoBar].
188 | *
189 | * @param selectedOption currently selected option on [SSComposeInfoBarDirection].
190 | * @param onOptionSelected called when user selects a new direction radio button.
191 | */
192 | @Composable
193 | private fun DirectionSection(
194 | selectedOption: SSComposeInfoBarDirection,
195 | onOptionSelected: (selectedDirection: SSComposeInfoBarDirection) -> Unit
196 | ) {
197 | BaseSettingSection(
198 | sectionTitle = stringResource(id = R.string.direction),
199 | selectedOption = selectedOption.name,
200 | optionsList = SSComposeInfoBarDirection.entries.map { it.name }) { newSelectedDirection ->
201 | onOptionSelected(SSComposeInfoBarDirection.valueOf(newSelectedDirection))
202 | }
203 | }
204 |
205 | /**
206 | * [SettingBottomSheet]'s sub composable for enabling/disabling a feature of [SSComposeInfoBar].
207 | *
208 | * @param title Name of the feature.
209 | * @param isSelected Initial info about whether it is selected or not.
210 | * @param onSelected Callback for when user changes the configuration.
211 | */
212 | @Composable
213 | private fun CustomChipSection(
214 | title: String,
215 | isSelected: Boolean,
216 | onSelected: (Boolean) -> Unit
217 | ) {
218 | Row(
219 | Modifier.fillMaxWidth(),
220 | horizontalArrangement = Arrangement.SpaceBetween,
221 | verticalAlignment = Alignment.CenterVertically
222 | ) {
223 | Text(
224 | text = title,
225 | style = MaterialTheme.typography.titleMedium.copy(fontWeight = FontWeight.Normal)
226 | )
227 | Spacer(modifier = Modifier.width(AppDimens.DpMedium))
228 | Switch(checked = isSelected, onCheckedChange = {
229 | onSelected(it)
230 | })
231 | }
232 | }
233 |
234 | /**
235 | * Base composable for settings radio buttons sections
236 | *
237 | * @param sectionTitle Title of the section.
238 | * @param selectedOption Currently selected option.
239 | * @param optionsList List of names of the available options.
240 | * @param onOptionSelected Called when user selects any one of the options.
241 | */
242 | @Composable
243 | private fun BaseSettingSection(
244 | sectionTitle: String,
245 | selectedOption: String,
246 | optionsList: List,
247 | onOptionSelected: (String) -> Unit
248 | ) {
249 | Text(
250 | text = sectionTitle,
251 | style = MaterialTheme.typography.titleLarge
252 | )
253 | Spacer(modifier = Modifier.height(AppDimens.DpExtraSmall))
254 | optionsList.forEach { option ->
255 | Row(
256 | Modifier.fillMaxWidth(),
257 | horizontalArrangement = Arrangement.SpaceBetween,
258 | verticalAlignment = Alignment.CenterVertically
259 | ) {
260 | Text(
261 | text = option,
262 | style = MaterialTheme.typography.titleMedium.copy(fontWeight = FontWeight.Normal)
263 | )
264 | Spacer(modifier = Modifier.width(AppDimens.DpMedium))
265 | RadioButton(
266 | selected = selectedOption == option,
267 | onClick = { onOptionSelected(option) }
268 | )
269 | }
270 | }
271 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/ui/theme/Color.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp.ui.theme
2 |
3 | import androidx.compose.ui.graphics.Color
4 |
5 | val Pink80 = Color(0xFFEFB8C8)
6 | val Pink40 = Color(0xFF7D5260)
7 | val SimformPink = Color(0xFFFD4A5E)
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/ui/theme/Theme.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp.ui.theme
2 |
3 | import android.os.Build
4 | import androidx.compose.foundation.isSystemInDarkTheme
5 | import androidx.compose.material3.MaterialTheme
6 | import androidx.compose.material3.darkColorScheme
7 | import androidx.compose.material3.dynamicDarkColorScheme
8 | import androidx.compose.material3.dynamicLightColorScheme
9 | import androidx.compose.material3.lightColorScheme
10 | import androidx.compose.runtime.Composable
11 | import androidx.compose.ui.graphics.Color
12 | import androidx.compose.ui.platform.LocalContext
13 |
14 | private val DarkColorScheme = darkColorScheme(
15 | primary = SimformPink,
16 | secondary = SimformPink,
17 | tertiary = Pink80,
18 | onPrimary = Color.White
19 | )
20 |
21 | private val LightColorScheme = lightColorScheme(
22 | primary = SimformPink,
23 | secondary = SimformPink,
24 | tertiary = Pink40
25 | )
26 |
27 | @Composable
28 | fun SSCustomInfoBarTheme(
29 | darkTheme: Boolean = isSystemInDarkTheme(),
30 | // Dynamic color is available on Android 12+
31 | dynamicColor: Boolean = false,
32 | content: @Composable () -> Unit
33 | ) {
34 | val colorScheme = when {
35 | dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
36 | val context = LocalContext.current
37 | if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
38 | }
39 |
40 | darkTheme -> DarkColorScheme
41 | else -> LightColorScheme
42 | }
43 | MaterialTheme(
44 | colorScheme = colorScheme,
45 | typography = Typography,
46 | content = content
47 | )
48 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/ui/theme/Type.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp.ui.theme
2 |
3 | import androidx.compose.material3.Typography
4 | import androidx.compose.ui.text.TextStyle
5 | import androidx.compose.ui.text.font.FontFamily
6 | import androidx.compose.ui.text.font.FontWeight
7 | import androidx.compose.ui.unit.sp
8 |
9 | // Set of Material typography styles to start with
10 | val Typography = Typography(
11 | bodyLarge = TextStyle(
12 | fontFamily = FontFamily.Default,
13 | fontWeight = FontWeight.Normal,
14 | fontSize = 16.sp,
15 | lineHeight = 24.sp,
16 | letterSpacing = 0.5.sp
17 | )
18 | )
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/utils/AppDimens.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp.utils
2 |
3 | import androidx.compose.ui.unit.dp
4 | import androidx.compose.ui.unit.sp
5 |
6 | internal object AppDimens {
7 | // Dp Dimensions
8 | val DpZero = 0.dp
9 | val DpExtraSmall = 4.dp
10 | val DpSmall = 8.dp
11 | val DpMedium = 16.dp
12 | val Large = 20.dp
13 | val ExtraLarge = 24.dp
14 |
15 | val DpTwentyEight = 28.dp
16 | val DpTwelve = 12.dp
17 | val DpEighty = 80.dp
18 |
19 | // Sp Dimensions
20 | val SpExtraSmall = 4.sp
21 | val SpSmall = 8.sp
22 | val SpMedium = 16.sp
23 | val SpLarge = 20.sp
24 | val SpExtraLarge = 24.sp
25 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/simform/sscustominfobarapp/utils/AppUtils.kt:
--------------------------------------------------------------------------------
1 | package com.simform.sscustominfobarapp.utils
2 |
3 | import android.content.Context
4 | import android.widget.Toast
5 | import androidx.compose.material.icons.Icons
6 | import androidx.compose.material.icons.filled.Info
7 | import androidx.compose.material.icons.outlined.CheckCircle
8 | import androidx.compose.material.icons.outlined.ErrorOutline
9 | import androidx.compose.material.icons.outlined.Warning
10 | import androidx.compose.material3.ButtonDefaults
11 | import androidx.compose.material3.MaterialTheme
12 | import androidx.compose.runtime.Composable
13 | import androidx.compose.ui.graphics.Brush
14 | import androidx.compose.ui.graphics.Color
15 | import androidx.compose.ui.graphics.Shape
16 | import androidx.compose.ui.graphics.painter.Painter
17 | import androidx.compose.ui.graphics.vector.ImageVector
18 | import androidx.compose.ui.platform.LocalContext
19 | import androidx.compose.ui.res.painterResource
20 | import androidx.compose.ui.res.stringResource
21 | import androidx.compose.ui.text.SpanStyle
22 | import androidx.compose.ui.text.buildAnnotatedString
23 | import androidx.compose.ui.text.withStyle
24 | import com.simform.sscustominfobar.defaultInfoBars.ErrorInfoBar
25 | import com.simform.sscustominfobar.defaultInfoBars.SlideToPerformInfoBar
26 | import com.simform.sscustominfobar.defaultInfoBars.SuccessInfoBar
27 | import com.simform.sscustominfobar.defaultInfoBars.WarningInfoBar
28 | import com.simform.sscustominfobar.main.SSComposeInfoBar
29 | import com.simform.sscustominfobar.main.SSComposeInfoBarColors
30 | import com.simform.sscustominfobar.main.SSComposeInfoBarData
31 | import com.simform.sscustominfobar.main.SSComposeInfoBarDefaults
32 | import com.simform.sscustominfobar.main.SSComposeInfoDuration
33 | import com.simform.sscustominfobar.main.SSComposeInfoHostState
34 | import com.simform.sscustominfobar.main.toSSCustomBackground
35 | import com.simform.sscustominfobar.utils.TextType
36 | import com.simform.sscustominfobar.utils.toTextType
37 | import com.simform.sscustominfobarapp.R
38 | import kotlinx.coroutines.CoroutineScope
39 | import kotlinx.coroutines.CoroutineStart
40 | import kotlinx.coroutines.Job
41 | import kotlinx.coroutines.launch
42 | import kotlin.coroutines.CoroutineContext
43 | import kotlin.coroutines.EmptyCoroutineContext
44 |
45 | /**
46 | * Button type of the buttons displayed on the home screen.
47 | */
48 | enum class ButtonType {
49 | Default,
50 | Error,
51 | Warning,
52 | Success,
53 | AnnotatedText,
54 | GradientDemoBrush,
55 | DrawableDemoSVG,
56 | DrawableDemoPNG,
57 | ActionInfoBar,
58 | SlideToPerformAction
59 | }
60 |
61 | /**
62 | * Function to create [SSComposeInfoBar] based on the pressed button's type.
63 | *
64 | * @param type [ButtonType] of the button pressed.
65 | * @param content [SSComposeInfoBarData] which contains title and message for [SSComposeInfoBar].
66 | * @param isInfinite Flag that represents whether the [SSComposeInfoBar]'s Duration is infinite or not.
67 | * @param shape Shape of the [SSComposeInfoBar].
68 | * @param onClose Called when user clicks on clear button on [SSComposeInfoBar] (Note: This Clear button will only be visible if isInfinite is true).
69 | */
70 | @Composable
71 | fun InfoBarByButtonType(
72 | type: ButtonType,
73 | content: SSComposeInfoBarData,
74 | isInfinite: Boolean,
75 | shape: Shape,
76 | onClose: () -> Unit = {}
77 | ) {
78 | return when (type) {
79 | ButtonType.Default -> DummyDefaultInfoBar(
80 | title = content.title,
81 | description = content.description,
82 | isInfinite = isInfinite,
83 | shape = shape,
84 | onClose = onClose
85 | )
86 |
87 | ButtonType.Error -> ErrorInfoBar(
88 | errorData = SSComposeInfoBarData(
89 | icon = Icons.Outlined.ErrorOutline,
90 | title = content.title,
91 | description = content.description,
92 | ),
93 | isInfinite = isInfinite,
94 | shape = shape,
95 | onCloseClicked = onClose
96 | )
97 |
98 | ButtonType.Warning -> WarningInfoBar(
99 | warningData = SSComposeInfoBarData(
100 | icon = Icons.Outlined.Warning,
101 | title = content.title,
102 | description = content.description,
103 | ),
104 | isInfinite = isInfinite,
105 | shape = shape,
106 | onCloseClicked = onClose
107 | )
108 |
109 | ButtonType.Success -> SuccessInfoBar(
110 | successData = SSComposeInfoBarData(
111 | icon = Icons.Outlined.CheckCircle,
112 | title = content.title,
113 | description = content.description,
114 | ),
115 | isInfinite = isInfinite,
116 | shape = shape,
117 | onCloseClicked = onClose
118 | )
119 |
120 | ButtonType.AnnotatedText -> DummyDefaultInfoBar(
121 | title = content.title,
122 | description = content.description,
123 | isInfinite = isInfinite,
124 | shape = shape,
125 | onClose = onClose
126 | )
127 |
128 | ButtonType.GradientDemoBrush -> DummyGradientBrushDemo(
129 | title = content.title,
130 | description = content.description,
131 | isInfinite = isInfinite,
132 | background = Brush.horizontalGradient(listOf(Color.Red, Color.Green, Color.Blue)),
133 | shape = shape,
134 | onClose = onClose
135 | )
136 |
137 | ButtonType.DrawableDemoSVG -> DummyInfobarWithSVGBackground(
138 | title = content.title,
139 | description = content.description,
140 | background = painterResource(id = R.drawable.liquid_cheese),
141 | isInfinite = isInfinite,
142 | shape = shape,
143 | onClose = onClose
144 | )
145 |
146 | ButtonType.DrawableDemoPNG -> DummyInfoBarWithDrawableBackground(
147 | title = content.title,
148 | background = painterResource(id = R.drawable.wintery_sunburst),
149 | description = content.description,
150 | isInfinite = isInfinite,
151 | shape = shape,
152 | onClose = onClose
153 | )
154 |
155 | ButtonType.ActionInfoBar -> DummyInfoBarWithAction(
156 | title = content.title,
157 | description = content.description,
158 | isInfinite = isInfinite,
159 | shape = shape,
160 | onClose = onClose
161 | )
162 |
163 | ButtonType.SlideToPerformAction -> SlideToPerformInfoBar(
164 | actionText = content.title,
165 | onActionDoneText = stringResource(R.string.slide_complete).toTextType(),
166 | backgroundShape = MaterialTheme.shapes.medium,
167 | sliderShape = MaterialTheme.shapes.medium,
168 | onSlideComplete = onClose
169 | )
170 | }
171 | }
172 |
173 | fun getButtonTitle(buttonType: ButtonType): Int {
174 | return when (buttonType) {
175 | ButtonType.Default -> R.string.show_default_info_bar
176 | ButtonType.Error -> R.string.show_error_info_bar
177 | ButtonType.Warning -> R.string.show_warning_info_bar
178 | ButtonType.Success -> R.string.show_success_info_bar
179 | ButtonType.GradientDemoBrush -> R.string.gradient_demo_using_brush
180 | ButtonType.DrawableDemoSVG -> R.string.drawable_demo_using_svg
181 | ButtonType.DrawableDemoPNG -> R.string.drawable_demo_using_png
182 | ButtonType.AnnotatedText -> R.string.show_annotated_text_info_bar
183 | ButtonType.ActionInfoBar -> R.string.show_composeinfobar_with_action
184 | ButtonType.SlideToPerformAction -> R.string.slide_info_bar_title
185 | }
186 | }
187 |
188 | private val titleAnnotated = buildAnnotatedString {
189 | withStyle(SpanStyle(color = Color.White)) {
190 | append("Hello")
191 | }
192 | withStyle(SpanStyle(color = Color.Blue)) {
193 | append("World")
194 | }
195 | }
196 | private val descAnnotated = buildAnnotatedString {
197 | withStyle(SpanStyle(color = Color.Blue, fontSize = AppDimens.SpMedium)) {
198 | append("This")
199 | }
200 | withStyle(SpanStyle(color = Color.White, fontSize = AppDimens.SpMedium)) {
201 | append(" is")
202 | }
203 | withStyle(SpanStyle(color = Color.Blue, fontSize = AppDimens.SpMedium)) {
204 | append(" an annotated string")
205 | }
206 | }
207 |
208 | /**
209 | * Utility Function to get InfoBar title.
210 | *
211 | * @param context [Context]
212 | * @param buttonType [ButtonType]
213 | * @return
214 | */
215 | fun getInfoBarTitle(context: Context, buttonType: ButtonType): TextType {
216 | return when (buttonType) {
217 | ButtonType.Default -> context.getString(R.string.hey_user_good_morning).toTextType()
218 | ButtonType.Error -> context.getString(R.string.error).toTextType()
219 | ButtonType.Warning -> context.getString(R.string.warning).toTextType()
220 | ButtonType.Success -> context.getString(R.string.success).toTextType()
221 | ButtonType.GradientDemoBrush -> context.getString(R.string.success).toTextType()
222 | ButtonType.DrawableDemoSVG -> context.getString(R.string.success).toTextType()
223 | ButtonType.DrawableDemoPNG -> context.getString(R.string.success).toTextType()
224 | ButtonType.AnnotatedText -> titleAnnotated.toTextType()
225 | ButtonType.ActionInfoBar -> context.getString(R.string.sscomposeinfobar_with_action)
226 | .toTextType()
227 | ButtonType.SlideToPerformAction -> context.getString(R.string.slide_to_perform_action)
228 | .toTextType()
229 | }
230 | }
231 |
232 | /**
233 | * Utility Function to get InfoBar description.
234 | *
235 | * @param context [Context]
236 | * @param buttonType [ButtonType]
237 | * @return
238 | */
239 | fun getInfoBarDescription(context: Context, buttonType: ButtonType): TextType? {
240 | return when (buttonType) {
241 | ButtonType.Default -> context.getString(R.string.we_hope_you_are_doing_well_in_your_life).toTextType()
242 | ButtonType.Error -> context.getString(R.string.failed_to_fetch_data_from_the_server).toTextType()
243 | ButtonType.Warning -> context.getString(R.string.trying_to_access_sensitive_information).toTextType()
244 | ButtonType.Success -> context.getString(R.string.successfully_fetched_network_data).toTextType()
245 | ButtonType.GradientDemoBrush -> context.getString(R.string.successfully_fetched_network_data).toTextType()
246 | ButtonType.DrawableDemoSVG -> context.getString(R.string.successfully_fetched_network_data).toTextType()
247 | ButtonType.DrawableDemoPNG -> context.getString(R.string.successfully_fetched_network_data).toTextType()
248 | ButtonType.AnnotatedText -> descAnnotated.toTextType()
249 | ButtonType.ActionInfoBar -> null
250 | ButtonType.SlideToPerformAction -> null
251 | }
252 | }
253 |
254 | /**
255 | * Dummy InfoBar to show [SSComposeInfoBar] with action.
256 | *
257 | * @param title Title string for the [SSComposeInfoBar].
258 | * @param description Description string for the [SSComposeInfoBar].
259 | * @param isInfinite Flag that decides whether [SSComposeInfoBar]'s duration is infinite.
260 | * @param shape Shape of the [SSComposeInfoBar].
261 | * @param onClose Called when user clicks on the clear button on the [SSComposeInfoBar].
262 | */
263 | @Composable
264 | private fun DummyInfoBarWithAction(
265 | title: TextType,
266 | description: TextType? = null,
267 | isInfinite: Boolean,
268 | shape: Shape,
269 | onClose: () -> Unit
270 | ) {
271 | val context = LocalContext.current
272 | SSComposeInfoBar(
273 | title = title,
274 | description = description,
275 | isInfinite = isInfinite,
276 | shape = shape,
277 | contentColors = SSComposeInfoBarDefaults.colors.copy(
278 | actionButtonColors = ButtonDefaults.elevatedButtonColors(containerColor = Color.White)
279 | ),
280 | onCloseClicked = onClose,
281 | onActionClicked = {
282 | Toast.makeText(context, context.getString(R.string.action_clicked), Toast.LENGTH_SHORT)
283 | .show()
284 | }
285 | )
286 | }
287 |
288 | /**
289 | * Dummy Default [SSComposeInfoBar] for the demo purposes.
290 | *
291 | * @param title Title string for the [SSComposeInfoBar].
292 | * @param description Description string for the [SSComposeInfoBar].
293 | * @param isInfinite Flag that decides whether [SSComposeInfoBar]'s duration is infinite.
294 | * @param shape Shape of the [SSComposeInfoBar].
295 | * @param onClose Called when user clicks on the clear button on the [SSComposeInfoBar].
296 | */
297 | @Composable
298 | private fun DummyDefaultInfoBar(
299 | title: TextType,
300 | description: TextType? = null,
301 | isInfinite: Boolean,
302 | shape: Shape,
303 | onClose: () -> Unit
304 | ) {
305 | SSComposeInfoBar(
306 | title = title,
307 | description = description,
308 | isInfinite = isInfinite,
309 | shape = shape,
310 | onCloseClicked = onClose
311 | )
312 | }
313 |
314 |
315 | /**
316 | * Dummy [SSComposeInfoBar] with Drawable Background for demo purposes.
317 | *
318 | * @param title Title string for the [SSComposeInfoBar].
319 | * @param description Description string for the [SSComposeInfoBar].
320 | * @param background of type [Painter].
321 | * @param isInfinite Flag that decides whether [SSComposeInfoBar]'s duration is infinite.
322 | * @param shape Shape of the [SSComposeInfoBar].
323 | * @param onClose Called when user clicks on the clear button on the [SSComposeInfoBar].
324 | */
325 | @Composable
326 | private fun DummyInfoBarWithDrawableBackground(
327 | title: TextType,
328 | description: TextType? = null,
329 | background: Painter,
330 | isInfinite: Boolean,
331 | shape: Shape,
332 | onClose: () -> Unit
333 | ) {
334 | SSComposeInfoBar(
335 | title = title,
336 | description = description,
337 | customBackground = background.toSSCustomBackground(),
338 | contentColors = SSComposeInfoBarColors(
339 | iconColor = Color.Black,
340 | titleColor = Color.Black,
341 | descriptionColor = Color.Black,
342 | dismissIconColor = Color.Black
343 | ),
344 | shape = shape,
345 | isInfinite = isInfinite,
346 | onCloseClicked = onClose
347 | )
348 | }
349 |
350 | /**
351 | * Dummy [SSComposeInfoBar] with SVG Background for demo purposes.
352 | *
353 | * @param title Title string for the [SSComposeInfoBar].
354 | * @param background of type [Painter].
355 | * @param description Description string for the [SSComposeInfoBar].
356 | * @param isInfinite Flag that decides whether [SSComposeInfoBar]'s duration is infinite.
357 | * @param shape Shape of the [SSComposeInfoBar].
358 | * @param onClose Called when user clicks on the clear button on the [SSComposeInfoBar].
359 | */
360 | @Composable
361 | private fun DummyInfobarWithSVGBackground(
362 | title: TextType,
363 | description: TextType? = null,
364 | background: Painter,
365 | isInfinite: Boolean,
366 | shape: Shape,
367 | onClose: () -> Unit
368 | ) {
369 | SSComposeInfoBar(
370 | title = title,
371 | description = description,
372 | customBackground = background.toSSCustomBackground(),
373 | contentColors = SSComposeInfoBarColors(
374 | iconColor = Color.Black,
375 | titleColor = Color.Black,
376 | descriptionColor = Color.Black,
377 | dismissIconColor = Color.Black
378 | ),
379 | shape = shape,
380 | isInfinite = isInfinite,
381 | onCloseClicked = onClose
382 | )
383 | }
384 |
385 | /**
386 | * Dummy [SSComposeInfoBar] with Gradient Background Using Brush for demo purposes.
387 | *
388 | * @param title Title string for the [SSComposeInfoBar].
389 | * @param description Description string for the [SSComposeInfoBar].
390 | * @param background Background of type [Brush] to be applied to [SSComposeInfoBar].
391 | * @param isInfinite Flag that decides whether [SSComposeInfoBar]'s duration is infinite.
392 | * @param shape Shape of the [SSComposeInfoBar].
393 | * @param onClose Called when user clicks on the clear button on the [SSComposeInfoBar].
394 | */
395 | @Composable
396 | private fun DummyGradientBrushDemo(
397 | title: TextType,
398 | description: TextType? = null,
399 | background: Brush,
400 | isInfinite: Boolean,
401 | shape: Shape,
402 | onClose: () -> Unit
403 | ) {
404 | SSComposeInfoBar(
405 | title = title,
406 | description = description,
407 | customBackground = background.toSSCustomBackground(),
408 | contentColors = SSComposeInfoBarColors(
409 | iconColor = Color.White,
410 | titleColor = Color.White,
411 | descriptionColor = Color.White,
412 | dismissIconColor = Color.White
413 | ),
414 | shape = shape,
415 | isInfinite = isInfinite,
416 | onCloseClicked = onClose
417 | )
418 | }
419 |
420 | /**
421 | * Extension function on [CoroutineScope] to show [SSComposeInfoBar].
422 | *
423 | * @param title title of the [SSComposeInfoBar].
424 | * @param description description of the [SSComposeInfoBar].
425 | * @param composeInfoHostState [SSComposeInfoHostState] used to show the [SSComposeInfoBar].
426 | * @param duration duration for the [SSComposeInfoBar].
427 | * @param context additional to CoroutineScope.coroutineContext context of the coroutine.
428 | * @param start coroutine start option. The default value is CoroutineStart.DEFAULT.
429 | *
430 | * @return [Job] to control the coroutine.
431 | */
432 | fun CoroutineScope.showSSComposeInfoBar(
433 | title: TextType,
434 | description: TextType? = null,
435 | icon: ImageVector = Icons.Default.Info,
436 | composeInfoHostState: SSComposeInfoHostState,
437 | duration: SSComposeInfoDuration,
438 | context: CoroutineContext = EmptyCoroutineContext,
439 | start: CoroutineStart = CoroutineStart.DEFAULT
440 | ) = launch(context, start) {
441 | composeInfoHostState.show(
442 | infoBarData = SSComposeInfoBarData(title, description, icon),
443 | duration = duration
444 | )
445 | }
--------------------------------------------------------------------------------
/app/src/main/res/drawable-v24/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
15 |