🖼️ ISSUE-119 Share Note as image

noty-android/app/composeapp/src/main/AndroidManifest.xml

@@ -29,6 +29,17 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
+
+        <provider
+            android:name="androidx.core.content.FileProvider"
+            android:authorities="com.ch8n.fileprovider"
+            android:exported="false"
+            android:grantUriPermissions="true">
+            <meta-data
+                android:name="android.support.FILE_PROVIDER_PATHS"
+                android:resource="@xml/provider_paths" />
+        </provider>
+
         <activity
             android:name=".ui.MainActivity"
             android:configChanges="keyboard|keyboardHidden|orientation|navigation|screenSize|screenLayout"

noty-android/app/composeapp/src/main/java/dev/shreyaspatil/noty/composeapp/component/action/NotyActions.kt

@@ -17,8 +17,14 @@
 package dev.shreyaspatil.noty.composeapp.component.action
 
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.wrapContentHeight
+import androidx.compose.material.DropdownMenu
+import androidx.compose.material.DropdownMenuItem
 import androidx.compose.material.Icon
+import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.painterResource
@@ -49,6 +55,39 @@ fun ShareAction(onClick: () -> Unit) {
     )
 }
 
+data class ShareActionItem(
+    val label: String,
+    val onActionClick: () -> Unit,
+)
+
+@Composable
+fun ShareDropdown(
+    expanded: Boolean,
+    shareActions: List<ShareActionItem>,
+    onDismissRequest: () -> Unit
+) {
+    DropdownMenu(
+        expanded = expanded,
+        onDismissRequest = onDismissRequest,
+        modifier = Modifier
+            .wrapContentHeight()
+            .width(100.dp)
+    ) {
+        shareActions.forEachIndexed { index, shareAction ->
+            DropdownMenuItem(
+                onClick = {
+                    shareAction.onActionClick.invoke()
+                    onDismissRequest.invoke()
+                }
+            ) {
+                Row {
+                    Text(text = shareAction.label)
+                }
+            }
+        }
+    }
+}
+
 @Composable
 fun ThemeSwitchAction(onToggle: () -> Unit) {
     val icon = painterResource(R.drawable.ic_day)

noty-android/app/composeapp/src/main/java/dev/shreyaspatil/noty/composeapp/ui/screens/NoteDetailsScreen.kt

@@ -17,7 +17,10 @@
 package dev.shreyaspatil.noty.composeapp.ui.screens
 
 import android.app.Activity
+import android.content.Context
 import android.content.Intent
+import android.graphics.Bitmap
+import android.widget.Toast
 import androidx.compose.animation.ExperimentalAnimationApi
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.Orientation
@@ -41,6 +44,7 @@ import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
@@ -53,15 +57,21 @@ import androidx.navigation.NavHostController
 import dev.shreyaspatil.noty.composeapp.R
 import dev.shreyaspatil.noty.composeapp.component.action.DeleteAction
 import dev.shreyaspatil.noty.composeapp.component.action.ShareAction
+import dev.shreyaspatil.noty.composeapp.component.action.ShareActionItem
+import dev.shreyaspatil.noty.composeapp.component.action.ShareDropdown
 import dev.shreyaspatil.noty.composeapp.component.dialog.FailureDialog
 import dev.shreyaspatil.noty.composeapp.component.text.NoteField
 import dev.shreyaspatil.noty.composeapp.component.text.NoteTitleField
+import dev.shreyaspatil.noty.composeapp.utils.CaptureBitmap
 import dev.shreyaspatil.noty.composeapp.utils.ShowToast
+import dev.shreyaspatil.noty.composeapp.utils.saveImage
+import dev.shreyaspatil.noty.composeapp.utils.shareImageUri
 import dev.shreyaspatil.noty.core.ui.UIDataState
 import dev.shreyaspatil.noty.utils.validator.NoteValidator
 import dev.shreyaspatil.noty.view.viewmodel.NoteDetailViewModel
 import kotlinx.coroutines.ExperimentalCoroutinesApi
 import kotlinx.coroutines.InternalCoroutinesApi
+import kotlinx.coroutines.launch
 
 @ExperimentalAnimationApi
 @InternalCoroutinesApi
@@ -81,6 +91,7 @@ fun NoteDetailsScreen(
     if (note != null) {
         var titleText by remember { mutableStateOf(note.title) }
         var noteText by remember { mutableStateOf(note.note) }
+        var snapShot: () -> Bitmap? = { null }
 
         Scaffold(
             topBar = {
@@ -109,35 +120,74 @@ fun NoteDetailsScreen(
                     contentColor = MaterialTheme.colors.onPrimary,
                     elevation = 0.dp,
                     actions = {
+                        var dropdownExpanded by remember { mutableStateOf(false) }
+                        val coroutineScope = rememberCoroutineScope()
                         DeleteAction(onClick = { viewModel.deleteNote() })
-                        ShareAction(onClick = { shareNote(activity, titleText, noteText) })
+                        ShareAction(onClick = {
+                            dropdownExpanded = true
+                        })
+                        ShareDropdown(
+                            expanded = dropdownExpanded,
+                            onDismissRequest = {
+                                dropdownExpanded = false
+                            },
+                            shareActions = listOf(
+                                ShareActionItem(
+                                    label = "Text",
+                                    onActionClick = {
+                                        shareNote(activity, titleText, noteText)
+                                    }
+                                ),
+                                ShareActionItem(
+                                    label = "Image",
+                                    onActionClick = {
+                                        coroutineScope.launch {
+                                            val bitmap = snapShot.invoke()
+                                            if (bitmap == null) {
+                                                Toast.makeText(
+                                                    activity,
+                                                    "Something Went Wrong!",
+                                                    Toast.LENGTH_SHORT
+                                                ).show()
+                                                return@launch
+                                            }
+                                            shareNoteImage(bitmap, activity)
+                                        }
+                                    }
+                                ),
+                            )
+                        )
                     }
                 )
             },
             content = {
-                Column(
-                    Modifier.scrollable(
-                        rememberScrollState(),
-                        orientation = Orientation.Vertical
-                    ).padding(16.dp)
-                ) {
-                    NoteTitleField(
-                        modifier = Modifier
-                            .fillMaxWidth()
-                            .background(MaterialTheme.colors.background),
-                        value = titleText,
-                        onTextChange = { titleText = it }
-                    )
+                snapShot = CaptureBitmap {
+                    Column(
+                        Modifier
+                            .scrollable(
+                                rememberScrollState(),
+                                orientation = Orientation.Vertical
+                            )
+                            .padding(16.dp)
+                    ) {
+                        NoteTitleField(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .background(MaterialTheme.colors.background),
+                            value = titleText,
+                            onTextChange = { titleText = it }
+                        )
 
-                    NoteField(
-                        modifier = Modifier
-                            .fillMaxWidth()
-                            .wrapContentHeight()
-                            .padding(top = 8.dp)
-                            .background(MaterialTheme.colors.background),
-                        value = noteText,
-                        onTextChange = { noteText = it }
-                    )
+                        NoteField(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .wrapContentHeight()
+                                .padding(top = 8.dp)
+                                .background(MaterialTheme.colors.background),
+                            value = noteText,
+                            onTextChange = { noteText = it }
+                        )
+                    }
                 }
             },
             floatingActionButton = {
@@ -186,3 +236,16 @@ fun shareNote(activity: Activity, title: String, note: String) {
 
     activity.startActivity(Intent.createChooser(intent, null))
 }
+
+suspend fun shareNoteImage(bitmap: Bitmap, context: Context) {
+    val uri = saveImage(bitmap, context)
+    if (uri != null) {
+        shareImageUri(context, uri)
+    } else {
+        Toast.makeText(
+            context,
+            "uri is null",
+            Toast.LENGTH_SHORT
+        ).show()
+    }
+}