ALIOTHX Developers
ALIOTHXMANAGER
  • 😈DEMO App 설치
  • 크로스플랫폼 개발환경
    • ⚙️Flutter 개발환경
    • 🧑‍💻Flutter 시작하기
    • 📲폰에서 실행
    • 개발가이드
    • 🚀솔루션 설치
    • 🚦코드가이드
      • 명명 규칙및 주석처리
      • 코딩 컨벤션
      • 디렉토리 생성및 관리
      • 페이지 작성
    • 🏭Flutter 아키텍쳐
      • 채널링
      • 웹뷰
        • 웹뷰 설정
        • 웹뷰 연동
      • 보안 (Security)
        • 대칭키 암호알고리즘
        • 비대칭키 암호알고리즘
        • 메시지 다이제스트
        • 탈옥및 루팅 탐지및 차단
        • 앱 위/변조 탐지및 차단
        • 코드 난독화
    • 🖥️관리시스템
    • 🎆협업도구
  • UIUX 컴포넌트
    • UI/UX
      • 테마 적용
      • 화면방향전환
      • 토스트 (Toast)
      • 버튼 (Button)
      • 텍스트 (Text)
      • 탭바 (TabBar)
      • 이미지뷰 (ImageView)
      • 카메라/이미지
      • 페이지 트랜지션
      • 입력필드 (TextField)
      • 체크박스 (CheckBox)
      • 라디오버튼 (RadioButton)
      • 로딩바 (Loading Indicator)
      • 바텀시트 (BottomSheet)
      • 리스트뷰 (ListView)
      • 슬리버 (Sliver)
      • 사운드 (Sound)
      • 애니메이션 (Animation)
      • 위치 및 정렬
      • 커스텀 키보드
      • 카드 (Card)
      • 토글 버튼 (Toggle Button)
      • 다이얼로그 (Dialog)
      • QR코드
      • 페이지뷰 (PageView)
  • Common 컴포넌트
    • 공통모듈
      • 데이터통신과 JSON 파싱
      • 인증 연동
      • 채널링
      • 네비게이션
      • 푸시 메시지
      • SMS 인증
      • 예외처리
  • Security 컴포넌트
    • 보안모듈
      • 메시지 다이제스트
      • 암/복호화
  • Option 컴포넌트
    • 옵션모듈
      • 동영상 플레이어
      • 유튜브 연동
      • 차트
      • SNS 공유
      • 지도
      • 로컬 DB
  • 🎁라이센스및 기술지원
  • 🏢고객사
Powered by GitBook
On this page
  • 숫자 커스텀 키보드
  • 코드 예시
  • 기능
  • 사용법
  • 네이티브 키보드
  • 일반 텍스트 키보드
  • 텍스트 키보드
  • 이메일 키보드
  • URL 키보드
  • 숫자 키보드
  • 전화번호 키보드
  1. UIUX 컴포넌트
  2. UI/UX

커스텀 키보드

숫자 입력, 또는 다양한 유형의 입력을 받을 수 있는 커스텀 키보드가 있습니다. 다양한 유형의 키보드는 사용자가 정보를 쉽게 입력하고 앱을 더 효과적으로 활용할 수 있도록 돕습니다.

Previous위치 및 정렬Next카드 (Card)

Last updated 1 year ago

숫자 커스텀 키보드

숫자 입력을 위한 커스텀 키보드 위젯으로, 이 커스텀 키보드는 숫자를 편리하게 입력하고 화면에 표시하는 데 도움을 주는 간단하면서도 유용한 도구입니다.

코드 예시

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자리까지 숫자를 입력할 수 있습니다. 입력 제한을 초과하면 추가 입력이 불가능합니다.

이러한 기능을 통해 사용자는 편리하게 숫자를 입력하고 화면에 표시할 수 있으며, 숫자 포맷팅으로 더욱 가독성을 높일 수 있습니다.

숫자 입력이 필요한 앱에서 이 커스텀 키보드를 활용하여 사용자 경험을 향상시킬 수 있습니다. 이러한 커스텀 키보드는 금융 앱, 계산기 앱, 주문 앱 등 다양한 앱에서 유용하게 활용될 수 있습니다.

네이티브 키보드

앱 개발에서 텍스트 입력은 중요한 부분입니다. 사용자가 편리하게 텍스트를 입력하고 원하는 정보를 제공하는 데에는 다양한 키보드 유형이 필요합니다.

일반 텍스트 키보드

가장 기본적인 텍스트 입력을 위한 키보드 유형입니다. 사용자가 텍스트를 입력할 때 주로 사용됩니다.

InputTypeKeyboard(InputType.Text);

텍스트 키보드

여러 줄의 텍스트를 입력할 때 사용되는 키보드 유형입니다. 주로 긴 텍스트를 입력해야 할 때 유용합니다.

InputTypeKeyboard(InputType.TextMultiLine);

이메일 키보드

이메일 주소를 입력할 때 사용되는 키보드 유형입니다. 이메일 주소 형식을 따르도록 도와줍니다.

InputTypeKeyboard(InputType.EmailAddress);

URL 키보드

웹 주소(URL)를 입력할 때 사용되는 키보드 유형입니다. 주로 웹 주소 입력 시 사용됩니다.

InputTypeKeyboard(InputType.Url);

숫자 키보드

숫자를 입력할 때 사용되는 키보드 유형입니다. 숫자 입력에 최적화되어 있습니다.

InputTypeKeyboard(InputType.Number);

전화번호 키보드

전화번호를 입력할 때 사용되는 키보드 유형입니다. 숫자 입력에 최적화되어 있으며, 전화번호 형식을 따르도록 도와줍니다.

InputTypeKeyboard(InputType.Phone);

각각의 키보드 유형은 특정한 입력 유형에 최적화되어 있어 사용자가 정보를 입력할 때 더 편리하고 정확하게 입력할 수 있도록 도와줍니다. 앱의 사용자 경험을 향상시키기 위해 적절한 키보드 유형을 선택하여 사용자에게 최상의 텍스트 입력 환경을 제공하세요.

Page cover image