Как установить изображение из MainActivity в Image Jetpack Compose?

Question

[Berry90]

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        GlobalScope.launch(Dispatchers.IO) {
            val url = URL("https://picsum.photos/300/300")
            val connection = url.openConnection() as HttpURLConnection
            connection.doInput = true
            connection.connect()
            val inputStream = connection.inputStream
            val bitmap = BitmapFactory.decodeStream(inputStream)

            launch(Dispatchers.Main) {
                setContent {
                    PlayGroundTheme {
                        Surface(color = MaterialTheme.colors.background) {
                            Greeting("Android", bitmap)
                        }
                    }
                }
            }
        }
        
    }
}

@Composable
fun Greeting(name: String, bitmap: Bitmap) {
    Column(Modifier.fillMaxWidth().padding(16.dp)) {

        Image(bitmap.asImageBitmap(), Modifier
                .preferredHeight(300.dp)
                .fillMaxWidth() )

        Text(text = "Hello $name")
    }

}

так работает, но хотелось бы отдельно на image повесить загрузку, через xml получается, при применении coroutines через compose пишет:
@Composable invocations can only happen from the context of a @Composable function,
как получить доступ отдельно к image в MainActivity?

Comments

[Денис Загаевский]

Это ужасно. Две сложные технологии теперь используются абы как...

[Berry90]

Денис Загаевский, к сожалению несилен в андроид разработке, поэтому решил написать для ликбеза

Answer 1

[illuzor]

1) Не надо использовать GlobalScrope на андроиде вообще. На крайний случай есть lifecycleScope;
2) Ошибка прямым текстом говорит, что composable функцию можно вызвать только в composable функции;
3) Для загрузки изображений стоит использовать библиотеку Accompanist

Comments

[Berry90]

как загрузить асинхронно фотку в compose функции без сторонней библиотеки и чем заменить GlobalScope

[illuzor]

как загрузить асинхронно фотку в compose функции

Не надо грузить фотку в composable функции, это противоречит самой концепции декларативного ui. Грузить нужно в презентере или во ViewModel, и передавать в composable через LiveData или Flow в виде State.

чем заменить GlobalScope

На крайний случай есть lifecycleScope