10.1 实战：B站风格输入框

Compose笔记 1

TEXT组件学习

class MainActivity : ComponentActivity() {
   override fun onCreate(savedInstanceState: Bundle?) {
       super.onCreate(savedInstanceState)
       setContent {
           SearchBar()
       }
   }
}


@Composable
fun SearchBar() {
   var text by remember { mutableStateOf("") }
   Box(
       modifier = Modifier
           .fillMaxSize()
           .background(Color(0xFFD3D3D3), shape = CircleShape),
       contentAlignment = Alignment.Center
   ) {
       BasicTextField(
           value = text,
           onValueChange ={
               text = it
           },
           decorationBox = { innerTextField ->
               innerTextField()
           },
           modifier = Modifier
               .padding(horizontal = 10.dp)
               .background(Color.White, CircleShape)
               .height(30.dp)
               .fillMaxWidth()
       )
   }
}