값을 입력하는 동안 텍스트 필드의 너비를 동적으로 변경하는 방법

debugcn 에 게시 Dev

샤리 트라 슈 레타

값을 입력하는 동안 모든 입력 텍스트에 맞게 텍스트 필드의 너비를 동적으로 변경하고 싶습니다. 이것이 내가 시도한 것입니다.

var valueIncreaser = 30;
var textfieldSpanValue = 50.0;

Container(
  width: textfieldSpanValue,
  child: TextFormField(              
              onChanged: (text) {
                setState(() {
                  textfieldSpanValue = 20;
                  textfieldSpanValue = valueIncreaser + textfieldSpanValue * textfieldSpanValue;
                });
              },
              controller: myController,
              maxLength: 10,
              maxLengthEnforced: true,
              keyboardType: TextInputType.number,
              inputFormatters: <TextInputFormatter>[
                WhitelistingTextInputFormatter.digitsOnly
              ],
              ),
)

이런 모습을 원합니다.

싯다르타 사포 타

코드에 간단한 논리적 실수가있는 것 같습니다. 필요한 것은 너비 증분 논리를 다음과 같이 설정하는 것입니다.

textfieldSpanValue = valueIncreaser + textfieldSpanValue * text.length;

var valueIncreaser = 30;
var textfieldSpanValue = 50.0;

Container(
  width: textfieldSpanValue,
  child: TextFormField(              
              onChanged: (text) {
                setState(() {
                   textfieldSpanValue = 20;
                  textfieldSpanValue =
                      valueIncreaser + textfieldSpanValue * text.length;
                });
              },
              controller: myController,
              maxLength: 10,
              maxLengthEnforced: true,
              keyboardType: TextInputType.number,
              inputFormatters: <TextInputFormatter>[
                WhitelistingTextInputFormatter.digitsOnly
              ],
              ),
)

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-1

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

값을 입력하는 동안 텍스트 필드의 너비를 동적으로 변경하는 방법

값을 입력하는 동안 텍스트 필드의 너비를 동적으로 변경하는 방법

입력 텍스트 필드를 사용하여 Javascript로 함수의 값을 동적으로 변경

두 개의 선택 필드를 조작하고 텍스트를 동적으로 변경하는 방법

동적으로 생성 된 입력 텍스트 필드의 값을 얻는 방법은 무엇입니까?

버튼 안드로이드에서 텍스트 색상을 동적으로 변경하는 방법

동적으로 생성 된 값의 텍스트 색상을 변경하는 방법은 무엇입니까? -PHP

<a-text>의 텍스트 값을 동적으로 변경하는 방법은 무엇입니까?

텍스트 필드 너비를 자동 조정하는 방법

Apex 텍스트 필드 필수 값을 동적으로 만드는 방법

값을 입력하는 동안 텍스트 커서가 매트 입력 필드 사이를 이동합니다.

양식 HTML을 변경하지 않고 동적으로 입력 필드의 시각적 순서를 변경하는 쉬운 방법은 무엇입니까?

jquery bxslider 동적으로 텍스트를 변경하는 방법

입력 번호의 값을 동적으로 변경하고 그 안의 데이터를 검증하는 방법은 무엇입니까?

Angularjs : 입력하는 동안 입력 [텍스트] ngModel 지연 값을 만드는 방법

jquery를 사용하여 동적 입력 텍스트의 값을 얻는 방법은 무엇입니까?

너비를 동적으로 변경하는 텍스트 배경에만 배경색이 필요합니다.

입력 필드 값을 기반으로 동적으로 SQL 쿼리를 구성하는 방법

각도 js를 사용하여 입력 필드에 입력하는 동안 텍스트를 대문자로 변환하는 방법

tkinter에서 동적으로 추가 된 텍스트 필드의 값을 얻는 방법이 있습니까?

동적으로 생성 된 텍스트 필드의 값을 가져 오는 방법

텍스트를 입력하는 동안 노틸러스 3.6에서 검색을 비활성화하는 방법!

React를 사용하여 텍스트 입력 필드의 값을 얻는 방법

xpath의 값을 동적으로 변경하는 방법

두 개의 입력 텍스트 값을 여러 개 (a * b)하고 JavaScript에서 텍스트 변경으로 동적으로 표시하는 방법은 무엇입니까?

django save () 메서드를 재정의하는 동안 입력 필드를 변경하는 방법

jQuery Timepicker : 입력 필드의 minTime을 동적으로 설정하는 방법

JSON 파일의 부울 값에 따라 텍스트를 자동으로 변경하는 방법

활동의 편집 텍스트 값 onReume 메서드를 변경하는 방법은 무엇입니까?

JSON을로드하기 위해 스피너의 항목을 비동기 적으로 변경하는 동안 Url에 데이터로드

안녕하세요, 빌더 컨텍스트를로드 할 때 플러터에서 목록 타일 텍스트 색상을 동적으로 변경하는 방법을 찾고 있습니다.