I am trying to make a todo list app using Android Studio and Kotlin. The divider() for some reason has a strike through on my compiler. Any solutions on that at all? I am having problems with getting my code working. I have already imported the divider function in my listed imports (as shown from my code below). I have imported what's called andtroidxpose.material3.Divider, however, when calling the function, Divider is crossed out.
package com.example.firstapriltemplate
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activitypose.setContent
import androidx.activity.enableEdgeToEdge
import androidxpose.foundation.layout.fillMaxSize
import androidxpose.foundation.layout.padding
import androidxpose.material3.Scaffold
import androidxpose.material3.Text
import androidxpose.runtime.Composable
import androidxpose.ui.Modifier
import androidxpose.ui.tooling.preview.Preview
import com.example.firstapriltemplate.ui.theme.FirstAprilTemplateTheme
import androidxpose.foundation.layout.Column
import androidxpose.foundation.layout.Row
import androidxpose.material3.OutlinedTextField
import androidxpose.runtime.mutableStateOf
import androidxpose.runtime.remember
import androidxpose.ui.text.font.FontWeight
import androidxpose.ui.unit.dp
import androidxpose.ui.unit.sp
import androidxpose.material3.Surface
import androidxpose.material3.MaterialTheme
import androidxpose.runtime.getValue
import androidxpose.runtime.setValue
import androidxpose.material3.Button
import androidxpose.material3.Divider
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContent {
App()
FirstAprilTemplateTheme {
Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
Greeting(
name = "Android",
modifier = Modifier.padding(innerPadding)
)
}
}
}
}
}
@Composable
fun App(){
var item by remember{
mutableStateOf(value = "something") //
}
var items = mutableListOf<String>()
FirstAprilTemplateTheme {
Surface(
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colorScheme.background
) {
ToDoListItem("Android")
}
Column() {
Text(
text = "To Do list!",
fontSize = 32.sp,
fontWeight = FontWeight.Bold,
modifier = Modifier.padding(12.dp)
)
}
OutlinedTextField(
value = item,
onValueChange = { item = it },
label = { Text(text = "New Item") }
)
Row() {
OutlinedTextField(
value = item,
onValueChange = { item = it },
label = { Text(text = "New Item") }
)
Button(onClick = {
if (item.isEmpty()) {
items.add(item)
item = ''
}
})
/*Moving App*/(
Text(text = "Save")
)
}
Divider()
Column(){
for (item in items){
ToDoListItem(name = item)
}
}
}
}
@Composable
fun ToDoListItem(name: String) {
Text(text = name)
}
@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
FirstAprilTemplateTheme {
ToDoListItem("Android")
}
}
I am trying to make a todo list app using Android Studio and Kotlin. The divider() for some reason has a strike through on my compiler. Any solutions on that at all? I am having problems with getting my code working. I have already imported the divider function in my listed imports (as shown from my code below). I have imported what's called andtroidxpose.material3.Divider, however, when calling the function, Divider is crossed out.
package com.example.firstapriltemplate
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activitypose.setContent
import androidx.activity.enableEdgeToEdge
import androidxpose.foundation.layout.fillMaxSize
import androidxpose.foundation.layout.padding
import androidxpose.material3.Scaffold
import androidxpose.material3.Text
import androidxpose.runtime.Composable
import androidxpose.ui.Modifier
import androidxpose.ui.tooling.preview.Preview
import com.example.firstapriltemplate.ui.theme.FirstAprilTemplateTheme
import androidxpose.foundation.layout.Column
import androidxpose.foundation.layout.Row
import androidxpose.material3.OutlinedTextField
import androidxpose.runtime.mutableStateOf
import androidxpose.runtime.remember
import androidxpose.ui.text.font.FontWeight
import androidxpose.ui.unit.dp
import androidxpose.ui.unit.sp
import androidxpose.material3.Surface
import androidxpose.material3.MaterialTheme
import androidxpose.runtime.getValue
import androidxpose.runtime.setValue
import androidxpose.material3.Button
import androidxpose.material3.Divider
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContent {
App()
FirstAprilTemplateTheme {
Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
Greeting(
name = "Android",
modifier = Modifier.padding(innerPadding)
)
}
}
}
}
}
@Composable
fun App(){
var item by remember{
mutableStateOf(value = "something") //
}
var items = mutableListOf<String>()
FirstAprilTemplateTheme {
Surface(
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colorScheme.background
) {
ToDoListItem("Android")
}
Column() {
Text(
text = "To Do list!",
fontSize = 32.sp,
fontWeight = FontWeight.Bold,
modifier = Modifier.padding(12.dp)
)
}
OutlinedTextField(
value = item,
onValueChange = { item = it },
label = { Text(text = "New Item") }
)
Row() {
OutlinedTextField(
value = item,
onValueChange = { item = it },
label = { Text(text = "New Item") }
)
Button(onClick = {
if (item.isEmpty()) {
items.add(item)
item = ''
}
})
/*Moving App*/(
Text(text = "Save")
)
}
Divider()
Column(){
for (item in items){
ToDoListItem(name = item)
}
}
}
}
@Composable
fun ToDoListItem(name: String) {
Text(text = name)
}
@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
FirstAprilTemplateTheme {
ToDoListItem("Android")
}
}
1 Answer
Reset to default 1The divider() for some reason has a strike through on my compiler.
That means the function is marked with the @Deprecated annotation.
The documentation for Divider() points out that it is deprecated, and that the replacement is HorizontalDivider().
So, replace:
Divider()
with:
HorizontalDivider()