Extract widget and Key

KeyExtract widget and Key

 

[Ko]

 - 반복되는 widget을 별도 widget으로 추출하기 위해서, Flutter Outline의 tree 구조에서 메뉴 버튼을 눌러서 Extract widget을 클릭함.

 - 위와 같은 방법으로 위젯을 추출하면 Key key 부분을 볼 수 있으며, 불필요할 경우에는 이 부분을 삭제해도 무방함.

 

const ReusableCard({

  Key key,

}) : super(key: key);

 

 —> key는 위젯의 상태를 추적하는 기능을 하며, 애니메이션이나 스크롤링 되는 list view의 item 처럼 삭제되거나 자리를 이동할 가능성이 있는 widget에는 이 key property가 반드시 필요함. key가 필요한 부분에 key를 설정해주지 않으면 삭제된 widge

t의 state를 그 아래 widget이 가지게 되는 오류가 발생할 수도 있음.

 

 - flutter에서 key 사용의 원리

https://www.youtube.com/watch?v=kn0EOS-ZiIc

 

[Ko]

 - 반복되는 widget을 별도 widget으로 추출하기 위해서, Flutter Outline의 tree 구조에서 메뉴 버튼을 눌러서 Extract widget을 클릭함.

 - 위와 같은 방법으로 위젯을 추출하면 Key key 부분을 볼 수 있으며, 불필요할 경우에는 이 부분을 삭제해도 무방함.

 

const ReusableCard({

  Key key,

}) : super(key: key);

 

 —> key는 위젯의 상태를 추적하는 기능을 하며, 애니메이션이나 스크롤링 되는 list view의 item 처럼 삭제되거나 자리를 이동할 가능성이 있는 widget에는 이 key property가 반드시 필요함. key가 필요한 부분에 key를 설정해주지 않으면 삭제된 widge

t의 state를 그 아래 widget이 가지게 되는 오류가 발생할 수도 있음.

 

 - flutter에서 key 사용의 원리

https://www.youtube.com/watch?v=kn0EOS-ZiIc

 

[Ko]

 - 반복되는 widget을 별도 widget으로 추출하기 위해서, Flutter Outline의 tree 구조에서 메뉴 버튼을 눌러서 Extract widget을 클릭함.

 - 위와 같은 방법으로 위젯을 추출하면 Key key 부분을 볼 수 있으며, 불필요할 경우에는 이 부분을 삭제해도 무방함.

 

const ReusableCard({

  Key key,

}) : super(key: key);

 

 —> key는 위젯의 상태를 추적하는 기능을 하며, 애니메이션이나 스크롤링 되는 list view의 item 처럼 삭제되거나 자리를 이동할 가능성이 있는 widget에는 이 key property가 반드시 필요함. key가 필요한 부분에 key를 설정해주지 않으면 삭제된 widge

t의 state를 그 아래 widget이 가지게 되는 오류가 발생할 수도 있음.

 

 - flutter에서 key 사용의 원리

https://www.youtube.com/watch?v=kn0EOS-ZiIc

 

[En]

 - To extract a repeating widget as a separate widget, click the Extract widget by pressing the menu button in the tree structure of the Flutter Outline.
 - If you extract the widget in the same way as above, you can see the key key part. If it is unnecessary, you can delete this part.

const ReusableCard ({
  Key key,
}): super (key: key);

 --> The key functions to track the status of the widget, and this key property is required for widgets that can be deleted or moved, such as items in an animated or scrolling list view. If the key is not set where the key is needed, the deleted widge
The error that the widget below has the state of t may occur.
 - Principle of using keys in flutter

https://www.youtube.com/watch?v=kn0EOS-ZiIc