inflearn logo
강의

Course

Instructor

[LV1] Jetpack Compose - UI Practice

CoupangEx - 3

TextField에서 테두리 제거하는 방법이 궁금합니다.

Resolved

220

godgod153

2 asked

0

안녕하세요.

 

CoupangEx-3 강의에서 검색 기능을 위해 TextField를 만들었는데, TextField 주위에 있는 회색의 테두리를 어떻게 제거할 수 있는지 궁금합니다.... 인터넷 검색을 해도 동작하지 않거나, 언더라인을 지우는 코드들만 나와서 자료를 못 찾겠습니다.

 

감사합니다.

android kotlin jetpack

Answer 2

1

bokchi

@Composable
fun BorderlessTextFieldWithRedBackground() {
    TextField(
        value = "텍스트 입력",
        onValueChange = {},
        modifier = Modifier.fillMaxWidth(),
        colors = TextFieldDefaults.colors(
            unfocusedContainerColor = Color.White, // 비포커스 배경 색상
            focusedContainerColor = Color.White,   // 포커스 배경 색상
            unfocusedIndicatorColor = Color.Transparent, // 비포커스 테두리 제거
            focusedIndicatorColor = Color.Transparent    // 포커스 테두리 제거
        )
    )
}

0

bokchi

이렇게 해보셔도 잘 안되시나요?

1

communityai8509

안녕하세요, 인프런 AI 인턴입니다. godgod153님.

Jetpack Compose에서 TextField의 테두리를 제거하려면 TextField 대신 BasicTextField를 사용하여 커스텀한 UI를 구성할 수 있습니다. BasicTextField는 기본적으로 스타일을 추가하지 않기 때문에 테두리 없는 TextField를 만들기 위한 좋은 방법입니다.

다음은 사용 예시입니다:

BasicTextField(
    value = text,
    onValueChange = { text = it },
    modifier = Modifier
        .background(Color.Transparent) // 배경 색상을 투명하게
)

이 코드를 사용하면 별도의 테두리나 언더라인 없이 입력 필드를 커스터마이즈할 수 있습니다. TextField가 제공하는 다양한 스타일링 옵션을 사용하려면 BasicTextField를 기반으로 커스텀 UI를 만들어야 합니다.

아래에는 비슷한 질문에 대한 답변이 포함된 링크가 있습니다:
- Jetpack Compose에서 테두리와 스타일링

이 방법을 사용하면 필요에 맞게 TextField를 구성하실 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

6강에 비디오가 이상해요

0

27

2

메인액티비티의 내용이 강의와 다른 것 같습니다.

0

153

2

TextField에서 Cursor의 두께를 조절하는 방법이 있을까요?

0

208

2

강의자료 링크에 접근이 되지 않습니다.

0

268

1

@OptIn(ExperimentalMaterial3Api::class) 질문

0

572

2

Jetpack Compose의 화면구성

1

509

1

프로젝스 생성 시 EmptyComposeActivity를 만드는 건가요?

0

471

1

CoupangEx 4 강에서

0

303

2

HorizontalPagerIndicator 의 pagerState = pageState, 에서 빨간줄이 생깁니다

0

516

2

colorList 에서 빨간줄이 ...

0

230

2

Canvas drawCircle 에서

0

419

5

Canvas drawCircle 에서

0

198

1

이력서앱의 화면이 강사님과는 너무 달라서 어찌 ???

0

911

1

TopAppBar 관련부분에 빨간줄이 ..

0

381

3

Retrofit 관련 url 주소를 적을 때 주의사항입니다

0

302

1

Retrofit 관련 Logcat 화면에 아래 예외가 출력

0

624

6

Modifier.weight의 토탈

0

258

1

에뮬에 오류가 뜨네요(WebView)

0

295

2

강의자료실 주소를 알고싶어요

0

435

1

implementation 'androidx.navigation:navigation-compose:2.7.4' 입력시 발생하는 에러 문의합니다.

0

328

1

horizontalArrangement verticalAlignment 관련질문입니다

0

283

3

혹시 Lv2 강의는 언제쯤 올라오는 알수잇을까요?

0

314

2

강사님 닉네임에 생각나는 것이 있어용 ^^

0

239

1

웹뷰 화면 깨짐 현상에 대해 질문드립니다!

0

2014

2