개발관련/flutter30 [flutter] 이미지 주어진 공간 만큼만 채우기(Expanded 위젯) 플러터에서 이미지를 가져올 때 크기가 너무 크거나 작거나 할 때가 있습니다. 또한 핸드폰 사이즈에 따라 크기를 변경해야 할 때도 있습니다. 이럴 때 Expanded위젯을 사용해서 내가 지정한 화면에 꽉 채워 보여줍니다. 사용방법은 간단합니다. Expanded위젯을 이용해 Image.aseet()을 감싸주면됩니다. Container( child: Expanded( child: Image.asset('image/banana.png'), ), ), 2022. 7. 5. [flutter] 플러터 TextField 값 가져오기 플러터 TextField 값 가져오는 방법을 알아보겠습니다. 천천히 따라오시면 매우 간단하게 TextField값을 가져올 수 있습니다. ▣ TextField 값 가져오기 1. Stateless위젯이라면 StatefulWidget위젯으로 변경해줍니다. 2. 아래와 같이 TextEditingController tec = TextEditingController(); 로 TextEditingController객체를 생성해줍니다. class Login extends StatefulWidget { const Login({Key? key}) : super(key: key); @override State createState() => _LoginState(); } class _LoginState extends Stat.. 2022. 7. 5. [flutter]위젯이 화면을 넘어갈때 간단한 해결방법(오버플로드 에러) 위젯이 화면을 넘어가게 되면 오버플로드 되었다는 애러가 발생합니다. 해결방법은 간단합니다. 해당 부분을 SingleChildScrollView로 감싸주기만 하면 됩니다. 보통 저 같은 경우에는 body: 뒤부터 모두 SingleChildScrollView로 감싸줍니다. 그럼 해당 페이지의 body부분에서는 이러한 에러가 발생하지 않습니다. 2022. 7. 5. [flutter] 빈 화면 터치(외부 클릭) 키보드(자판) 숨기기 대부분의 어플들은 화면에 자판이 올라왔을 때 빈 화면을 클릭하면 자판이 내려가도록 되어있습니다. 원리는 간단합니다. 자판이 올라오는 이유는 TextField에 Focus가 맞춰 지기 때문인데, TextField에 있는 Focus를 unFocus 해주면 자판이 내려갑니다. ▣ 방법 GestureDetector으로 감싸주고 인자로 onTap 클릭 시 FocusScope.of(context).unfocus();가 되도록 합니다. ▣ 순서 기존 코드를 widget으로 감싸준다. widget을 GestureDetector로 변경 한다. onTap 속성에 () { FocusScope.of(context).unfocus(); }를 입력한다. 아래는 코드입니다. GestureDetector( onTap: () { Fo.. 2022. 7. 5. 이전 1 2 3 4 5 6 7 8 다음
