[ui]: Signin Nickname 설정 화면 제작(#37)

Author: JJUYAAA

app/src/main/java/com/texthip/thip/ui/signin/SigninNicknameScreen.kt

@@ -0,0 +1,67 @@
+package com.texthip.thip.ui.signin
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.texthip.thip.R
+import com.texthip.thip.ui.common.forms.FormTextFieldDefault
+import com.texthip.thip.ui.common.topappbar.DefaultTopAppBar
+import com.texthip.thip.ui.common.topappbar.InputTopAppBar
+import com.texthip.thip.ui.theme.ThipTheme.colors
+import com.texthip.thip.ui.theme.ThipTheme.typography
+
+@Composable
+fun SigninNicknameScreen() {
+    Column(
+        Modifier
+            .background(colors.Black)
+            .fillMaxSize()
+    ) {
+        InputTopAppBar(
+            title = stringResource(R.string.settings_1),
+            isRightButtonEnabled = false,
+            rightButtonName = stringResource(R.string.next),
+            isLeftIconVisible = false,
+            onLeftClick = {},
+            onRightClick = {}
+        )
+        Spacer(modifier = Modifier.height(40.dp))
+        Column(
+            modifier = Modifier
+                .padding(horizontal = 20.dp)
+                .fillMaxWidth()
+        ) {
+            Text(
+                text = stringResource(R.string.nickname),
+                style = typography.smalltitle_sb600_s18_h24,
+                color = colors.White,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(bottom = 12.dp)
+            )
+            FormTextFieldDefault(
+                hint = stringResource(R.string.nickname_condition),
+                showLimit = true,
+                limit = 10,
+                showIcon = false,
+                containerColor= colors.DarkGrey02
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun SigninNicknameScreenPrev() {
+    SigninNicknameScreen()
+}