インモビインモビ

// ⭐️composeで元々用意されているTextFieldのコード


@Composable
fun CustomTextField(
    value: String,
    onValueChange: (String) -> Unit,
    modifier: Modifier = Modifier,
    // 
    //（省略）
    //
) {
    @OptIn(ExperimentalMaterialApi::class)
    BasicTextField(
        value = value,
        //
        //（省略）
        //
        decorationBox = @Composable { innerTextField ->
            TextFieldDefaults.TextFieldDecorationBox(
                value = value,
                //
                //（省略）
                //
                // ↓ここ↓ innerTextFieldがそのまま渡されている
                innerTextField = innerTextField
            )
        },
    )
}

// ⭐️好きなPaddingを足したコード


@Composable
fun CustomTextField(
    value: String,
    // 
    //（省略）
    //
) {
    @OptIn(ExperimentalMaterialApi::class)
    BasicTextField(
        value = value,
        // 
        //（省略）
        //
        decorationBox = @Composable { innerTextField ->
            TextFieldDefaults.TextFieldDecorationBox(
                value = value,
                // 
                //（省略）
                //
                // ↓ここ↓  paddingで囲み、任意の隙間を作る
                innerTextField = {
                    Box(Modifier.padding(top = 8.dp)) {
                        innerTextField()
                    }
                },
            )
        },
    )
}

// ⭐️Paddingの値を外から渡せるようにしたコード


@Composable
fun CustomTextField(
    // 
    //（省略）
    //
    innerTextFieldPadding: PaddingValues = PaddingValues(0.dp),
) {
    @OptIn(ExperimentalMaterialApi::class)
    BasicTextField(
        // 
        //（省略）
        //
        decorationBox = @Composable { innerTextField ->
            TextFieldDefaults.TextFieldDecorationBox(
                // 
                //（省略）
                //
                // ↓ここ↓ 外から値を渡せるようにすると汎用性が高まる
                innerTextField = {
                    Box(Modifier.padding(innerTextFieldPadding)) {
                        innerTextField()
                    }
                },
            )
        },
    )
}