docs : 웹뷰 Composable, LaunchedEffect, sharedFlow, snackBar(once)

[philipy355]

• Composable MyWebView, rememberWebView

  @Composable
  fun MyWebView(
    viewModel: MainViewModel,
    snackbarHost : SnackbarHostState,
  ){
    val webView = rememberWebView()
  
  //    LaunchedEffect(key1 = , block = )
  //    LaunchedEffect(true)
  
    LaunchedEffect(Unit){
        viewModel.undoSharedFlow.collectLatest {
            if(webView.canGoBack()){
                webView.goBack()
            }else{
                snackbarHost.showSnackbar("더 이상 뒤로 갈 수 없음")
            }
        }
    }
  
    LaunchedEffect(Unit){
        viewModel.redoSharedFlow.collectLatest {
            if(webView.canGoForward()){
                webView.goForward()
            }else{
                snackbarHost.showSnackbar("더 이상 앞으로 갈 수 없음")
            }
        }
    }
  
    AndroidView(
        modifier = Modifier.fillMaxSize(),
        factory = { webView },
        update = {webView ->
            webView.loadUrl(viewModel.url.value)
        }
    )
  }
  
  @Composable
  fun rememberWebView() : WebView{
    val context = LocalContext.current
    val webView = remember {
        WebView(context).apply {
            settings.javaScriptEnabled = true
            webViewClient = WebViewClient()
            loadUrl("https://google.com")
        }
    }
    return webView
  }

• MainActivity, HomeScreen

  
  class MainActivity : ComponentActivity() {
  @OptIn(ExperimentalMaterial3Api::class, ExperimentalComposeUiApi::class)
  @SuppressLint("UnusedMaterial3ScaffoldPaddingParameter",
      "UnusedMaterialScaffoldPaddingParameter"
  )
  override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContent {
          val viewModel = viewModel<MainViewModel>()
          HomeScreen(viewModel)
      }
  }
  }

@SuppressLint("UnusedMaterial3ScaffoldPaddingParameter") @OptIn(ExperimentalMaterial3Api::class) @Composable fun HomeScreen(viewModel: MainViewModel){ val focusManger = LocalFocusManager.current

val (inputUrl, setUrl) = rememberSaveable{
    mutableStateOf("https://www.google.com")
}

val snackbarHostState = remember { SnackbarHostState() }

Scaffold(
    topBar = {
        TopAppBar(
            title = { Text(text = "나만의 웹브라우저")},
            actions = {
                IconButton(onClick = {
                    viewModel.undo()
                }) {
                    Icon(
                        imageVector = Icons.Default.ArrowBack,
                        contentDescription = "back"
                    )
                }

                IconButton(onClick = {
                    viewModel.redo()
                }) {
                    Icon(
                        imageVector = Icons.Default.ArrowForward,
                        contentDescription = "forward"
                    )
                }
            }
        )
    },
    snackbarHost = { SnackbarHost(snackbarHostState) },
) {
    Column(
        modifier = Modifier
            .padding(16.dp)
            .fillMaxSize()
    ) {
        Spacer(modifier = Modifier.height(60.dp))

        OutlinedTextField(
            value = inputUrl,
            onValueChange = setUrl,
            label = { Text("https://")},
            modifier = Modifier.fillMaxWidth(),
            keyboardOptions = KeyboardOptions(imeAction = ImeAction.Search),
            keyboardActions = KeyboardActions(onSearch = {
                viewModel.url.value = inputUrl
                focusManger.clearFocus()
            })
        )

        Spacer(modifier = Modifier.height(16.dp))

        MyWebView(viewModel = viewModel, snackbarHostState)
    }
}

}