본문 바로가기

분류 전체보기141

StatelessWidget,StatefulWidget 알아보기 플러터를 보면 항상 class MyApp extends StatelessWidget { class DiceRoller extends StatefulWidget { 이런걸 상속 받는걸 볼수 있습니다. 이 위잿들은 정보를 받고 플러터가 어떻게 반응을 하는지 결정을 하는 위젯들입니다. StatelessWidget StatelessWidget은 상태가 없는 위젯으로, 한 번 그려지면 변하지 않는 UI를 표현하는 데 사용됩니다. 이 위젯은 일반적으로 변하지 않는 정적인 콘텐츠를 표시할 때 유용합니다. 예를 들어, 화면에 특정한 로고, 텍스트 레이블 등을 표시할 때 StatelessWidget을 사용할 수 있습니다. 무언가 버튼이나 터치를 했을때 변화가 필요한것이 필요하다면 StatelessWidget 은 적합하지.. 2024. 1. 5.
flutter 이미지 업로드 flutter 로 이미지 업로드를 해볼려고 합니다. 그전에 간단히 몇가지 준비가 필요합니다 yaml 파일에가서 assets: 이친구의 주석을 풀어 주셔야 합니다. 2번째 파일을 만들어줘야하는대 1번째로 최상위 폴더에서 assets 폴더 생성후 images폴더를 만든다음 그안에 이미지를 넣어줘야합니다 이름은 어떻게 해주든 상관이 없지만 통상적으로 assets 와 images 를 많이 쓴다고 합니다 images 안에 이미지를 넣고 또 할일이 있습니다. 이건 좀 신기하긴한대 .yaml 에 다시 가서 assets: 주석을 푼 구간에가서 이미지 파일 이름을 올려줘야 합니다 이건 일일이 다해줘야합니다 # To add assets to your application, add an assets section, like.. 2024. 1. 5.
default value, required Flutter 로 매개변수로 값을 받아올때 오류를 방지 하기 위해 2가지 방법이 있습니다. default value, required 이둘은 null safety 방지로 많이 사용하며 그 예제들을 살펴 봅시다 # 파라미터를 중괄호로 묶음 String printName({String name, int age, String country}) { return "My name is $name and i am $age from $country"; } # 매개변수의 이름을 지정 void main() { print(printName( name: 'John', age: 18, country: 'Korea', )); } 간단한 예제를 들고 왔고 이 친구를 컴파일 했을때 에러가 발생합니다. 함수로 넘어오는 파라미터는 nu.. 2024. 1. 4.
플러터 클래스 이용해보기 클래스를 이용해서 좀더 객체지향적으로 수정해봅시다. 이전 포스터인 그라데이션 예제로 바꿔 볼려고 합니다. void main() { runApp(MyApp()); //엡구동 안에는 메인 페이지 } class MyApp extends StatelessWidget { //엡 메인 페이지 const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( //메인 페이지 디자인 home: Scaffold( body: Container( //컨테이너 decoration: const BoxDecoration( //데코래이션 gradient: LinearGradient( colors: [ //그라데이션 리스트로 받아야함.. 2024. 1. 3.

티스토리툴바