GPT

Android Jetpack Compose Component

// Modern Jetpack Compose component with state management @Composable fun ProductListScreen( viewModel: ProductListViewModel = hiltViewModel() ) { val uiState by viewModel.uiState.collectAsStateWithLifecycle() val sea

Prompt text

Original English text. Replace placeholders with your own details.

// Modern Jetpack Compose component with state management
@Composable
fun ProductListScreen(
 viewModel: ProductListViewModel = hiltViewModel()
) {
 val uiState by viewModel.uiState.collectAsStateWithLifecycle()
 val searchQuery by viewModel.searchQuery.collectAsStateWithLifecycle()

 Column {
 SearchBar(
 query = searchQuery,
 onQueryChange = viewModel::updateSearchQuery,
 onSearch = viewModel::search,
 modifier = Modifier.fillMaxWidth()
 )

 LazyColumn(
 modifier = Modifier.fillMaxSize(),
 contentPadding = PaddingValues(16.dp),
 verticalArrangement = Arrangement.spacedBy(8.dp)
 ) {
 items(
 items = uiState.products,
 key = { it.id }
 ) { product ->
 ProductCard(
 product = product,
 onClick = { viewModel.selectProduct(product) },
 modifier = Modifier
 .fillMaxWidth()
 .animateItemPlacement()
 )
 }

 if (uiState.isLoading) {
 item {
 Box(
 modifier = Modifier.fillMaxWidth(),
 contentAlignment = Alignment.Center
 ) {
 CircularProgressIndicator()
 }
 }
 }
 }
 }
}

// ViewModel with proper lifecycle management
@HiltViewModel
class ProductListViewModel @Inject constructor(
 private val productRepository: ProductRepository
) : ViewModel() {

 private val _uiState = MutableStateFlow(ProductListUiState())
 val uiState: StateFlow<ProductListUiState> = _uiState.asStateFlow()

 private val _searchQuery = MutableStateFlow("")
 val searchQuery: StateFlow<String> = _searchQuery.asStateFlow()

 init {
 loadProducts()
 observeSearchQuery()
 }

 private fun loadProducts() {
 viewModelScope.launch {
 _uiState.update { it.copy(isLoading = true) }

 try {
 val products = productRepository.getProducts()
 _uiState.update {
 it.copy(
 products = products,
 isLoading = false
 )
 }
 } catch (exception: Exception) {
 _uiState.update {
 it.copy(
 isLoading = false,
 errorMessage = exception.message
 )
 }
 }
 }
 }

 fun updateSearchQuery(query: String) {
 _searchQuery.value = query
 }

 private fun observeSearchQuery() {
 searchQuery
 .debounce(300)
 .onEach { query ->
 filterProducts(query)
 }
 .launchIn(viewModelScope)
 }
}

Source & attribution

Awesome Prompts · Awesome Prompts

Source-listed license: GPL-3.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →