# 커스텀 키보드 ## 숫자 커스텀 키보드 ![](/files/wEuuxQlxgjwiNULbPE0J)![](/files/66jk7Dl8L4CETxZX0CLY) 숫자 입력을 위한 커스텀 키보드 위젯으로, 이 커스텀 키보드는 숫자를 편리하게 입력하고 화면에 표시하는 데 도움을 주는 간단하면서도 유용한 도구입니다. ### 코드 예시 ```dart RenderAmount( display: display, style: style, ), RenderKeyBoard( keys: keys!, onBackspacePress: onBackspacePress, onKeyTap: onKeyTap), RenderConfirmButton(amount: amount) ``` ### 기능 #### 1. 편리한 숫자 입력 커스텀 키보드를 사용하여 숫자를 편리하게 입력할 수 있습니다. 각 키는 사용자가 누르면 해당 숫자가 입력됩니다. #### 2. 백스페이스 기능 "Backspace" 아이콘 키를 누르면 마지막에 입력한 숫자를 삭제할 수 있습니다. #### 3. 숫자 포맷 지원 입력한 숫자는 숫자 포맷에 따라 화면에 표시됩니다. 숫자가 입력되면 쉼표(,)로 천 단위마다 자동으로 구분됩니다. #### 4. 입력 제한 최대 10자리까지 숫자를 입력할 수 있으며, 입력 제한을 초과하면 추가 입력이 불가능합니다. ### 사용법 1. **숫자 입력** 키보드의 숫자 버튼을 눌러 숫자를 입력합니다. 0부터 9까지의 숫자 버튼과 "00" 버튼이 있습니다. 2. **백스페이스 사용**: 입력한 숫자 중 하나를 지우려면 "Backspace" 아이콘 키를 누릅니다. 3. **숫자 포맷**: 입력한 숫자는 숫자 포맷에 따라 천 단위로 자동으로 구분됩니다. 예를 들어, 1234567을 입력하면 "1,234,567"로 표시됩니다. 4. **입력 제한**: 최대 10자리까지 숫자를 입력할 수 있습니다. 입력 제한을 초과하면 추가 입력이 불가능합니다. 이러한 기능을 통해 사용자는 편리하게 숫자를 입력하고 화면에 표시할 수 있으며, 숫자 포맷팅으로 더욱 가독성을 높일 수 있습니다. 숫자 입력이 필요한 앱에서 이 커스텀 키보드를 활용하여 사용자 경험을 향상시킬 수 있습니다. 이러한 커스텀 키보드는 금융 앱, 계산기 앱, 주문 앱 등 다양한 앱에서 유용하게 활용될 수 있습니다. ## 네이티브 키보드 앱 개발에서 텍스트 입력은 중요한 부분입니다. 사용자가 편리하게 텍스트를 입력하고 원하는 정보를 제공하는 데에는 다양한 키보드 유형이 필요합니다. ### 일반 텍스트 키보드 가장 기본적인 텍스트 입력을 위한 키보드 유형입니다. 사용자가 텍스트를 입력할 때 주로 사용됩니다. ```dart InputTypeKeyboard(InputType.Text); ``` ### 텍스트 키보드 여러 줄의 텍스트를 입력할 때 사용되는 키보드 유형입니다. 주로 긴 텍스트를 입력해야 할 때 유용합니다. ```dart InputTypeKeyboard(InputType.TextMultiLine); ``` ### 이메일 키보드 이메일 주소를 입력할 때 사용되는 키보드 유형입니다. 이메일 주소 형식을 따르도록 도와줍니다. ```dart InputTypeKeyboard(InputType.EmailAddress); ``` ### URL 키보드 웹 주소(URL)를 입력할 때 사용되는 키보드 유형입니다. 주로 웹 주소 입력 시 사용됩니다. ```dart InputTypeKeyboard(InputType.Url); ``` ### 숫자 키보드 숫자를 입력할 때 사용되는 키보드 유형입니다. 숫자 입력에 최적화되어 있습니다. ```dart InputTypeKeyboard(InputType.Number); ``` ### 전화번호 키보드 전화번호를 입력할 때 사용되는 키보드 유형입니다. 숫자 입력에 최적화되어 있으며, 전화번호 형식을 따르도록 도와줍니다. ```dart InputTypeKeyboard(InputType.Phone); ``` 각각의 키보드 유형은 특정한 입력 유형에 최적화되어 있어 사용자가 정보를 입력할 때 더 편리하고 정확하게 입력할 수 있도록 도와줍니다. 앱의 사용자 경험을 향상시키기 위해 적절한 키보드 유형을 선택하여 사용자에게 최상의 텍스트 입력 환경을 제공하세요. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://developer.aliothx.net/start/uiux/ui-ux/custom-keyboard.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.