3년 동안의 떨림 발전을 거쳐 나는 10개의 떨림 기교를 배웠다

다음은 제가 떨리는 앱과 콘텐츠를 만드는 3년 동안 발견한 기교와 팁입니다.만약 네가 아직 그들을 이해하지 못한다면, 그들은 너의 업무 절차를 개선할 것이라고 나는 확신한다.
너는 트위터에서 나를 주목할 수 있다.
본문은 최초로 발표되었다robertbrunhage.com
다음은 제가 떨리는 앱과 콘텐츠를 만드는 3년 동안 발견한 기교와 팁입니다.만약 네가 아직 그들을 이해하지 못한다면, 그들은 너의 업무 절차를 개선할 것이라고 나는 확신한다.

1. 많은 소프트웨어 패키지 사용
이것은 상식에 어긋나는 것 같지만, 많은 사람들에게 하나의 항목만 완성하는 것이 첫걸음이다. 그러면 실제 사용자가 응용 프로그램을 테스트할 수 있다.시간의 추이에 따라 프로그램이 발표되고 피드백을 받을 때, 즉, 패키지를 보고 자신의 코드로 바꿔서 더 많은 제어를 받아야 할 때이다.
너는 Pub.dev에서 모든 소포를 찾을 수 있다.

2. 세션 활용
얼마 전에 제공된 코드 세션만 StatelessWidget 같은 일에 사용했지만, 반복적으로 실행되는 작업을 위해 사용자 정의 코드 세션을 만들 때 많은 시간을 절약할 수 있습니다.나는 한 부분의 예시를 보여줄 것이다.이것들은 처음에 FilledStacks에서 왔고, 그 이후로 나는 줄곧 그것들을 사용하고 있다!
VScode를 사용하고 있다면 F1을 누르고 '코드 세그먼트' 를 검색하면 '사용자 코드 세그먼트 설정' 을 찾을 수 있습니다좋아하는 파일과 선택한 코드 세션을 추가합니다.다음은 테스트 세션입니다.

{
  "Main Test Suite Setup": {
        "prefix": "testm",
        "body": [
            "import 'package:flutter_test/flutter_test.dart';",
            "",
            "void main() {",
            " group('${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}} -', (){",
            "",
            " });",
            "}"
        ],
        "description": "Main Test Suite Setup"
    },
    "Test Group Setup": {
        "prefix": "testg",
        "description": "Creates a Test group with a test",
        "body": [
            "group('${1} -', () {",
            " test('${2}', () {",
            "",
            " });",
            "});",
        ]
    },
    "Single Test Setup": {
        "prefix": "tests",
        "description": "Creates a single test",
        "body": [
            " test('${1}', () {",
            "",
            " });",
        ]
    },
}

3. 가능한 한 빨리 털실을 사용하라
linting을 설정할 수 있는 여러 가지 방법이 있지만 lint package를 설정하는 것을 권장합니다. 이것은 매우 간단합니다!

패키지를pubspec에 추가합니다.yaml 파일.

분석 옵션을 생성합니다.yaml 파일.

가방에 기술된 포함 줄을 추가합니다.

이윤?

4. 도구 사용
너는 이미 이렇게 했을 수도 있지만, 이것은 너로 하여금 다음 기교를 더욱 쉽게 따르게 할 것이다.이런 공구를 사용함으로써 너의 생활은 매우 간소화될 것이다.Extract Widget 제가 제일 좋아하는 것 같아요. - 충분한 이유가 있다.

5. 여러 개의 개인 소부품
현재 이 조항은 논쟁을 일으킬 수 있지만, 나는 코드를 깨끗하게 유지하고 내비게이션을 쉽게 하는 방법이 매우 간단하다.예를 들어, 우리는 매우 많은 끼워 넣은 큰 부품이 있다.좋아, Extract Widget로 한 조각을 꺼내 봐.접두사에 밑줄과 좋은 이름을 붙여서 사유화합니다.네가 지금 하고 있는 일은 코드를 이 작은 위젯의 공공 버전 아래로 옮기는 것이다. 모든 것이 더 쉽게 읽고 변경될 것이다.너는 그 특정한 Container이 무엇 때문인지 알아내려고 시도할 필요가 없다. 왜냐하면 그것은 지금 좋은 이름이 있기 때문이다!

6. 응용 프로그램 아이콘 및 시작 화면
이 두 패키지는 프로젝트에 많은 시간을 절약해 줍니다.Flutter launcher icons 및 Flutter Native Splash.나는 네가 가서 보아야 한다고 건의한다.그들은 어떻게 시작하는지에 관한 많은 문서를 가지고 있어서 많은 시간을 절약했다.

7. 빈 감지 연산자
많은 다른 공감지 조작부호가 있는데 예를 들면 ??,??= 등이다.그것들을 배우면 코드를 더욱 깨끗하고 쉽게 만들 수 있을 뿐만 아니라, 제로 안전성이 Flutter에서 안정적으로 변할 때 훨씬 간소화할 수 있다.

8. x.of(컨텍스트) 재사용
알다시피, Flitter에서 주제를 사용하고 싶을 때, 예를 들어 Theme.of(context).textTheme.bodyText1 를 써야 한다.좋지만, 같은 작은 위젯에서 여러 번 실행해야 한다면, 구축 방법의 맨 위로 옮기는 것을 권장합니다.내가 쓴 코드를 복사하고 다음과 같은 변수에 넣으면 쉽게 실현할 수 있다. final theme = Theme.of(context).textTheme현재, 주제가 필요할 때마다, 작은 위젯에 theme.bodyText1 을 쓰기만 하면 됩니다.

9. 인쇄 디버깅
때때로 우리는 단지 디버깅을 할 때 더 많은 정보를 필요로 할 뿐이다 - 특히 네트워크 요청에 대해서는따라서 일반print(myNetworkData)이 아닌 debugPrint(myNetworkData)를 사용할 수 있습니다.이것은 당신이 필요로 할 때 더 많은 데이터를 제공할 것입니다.

10. 단일 책임제
만약 네가 견고한 원칙을 알고 있다면, 이것은 듣기에 이미 매우 익숙해졌을 것이다.그건 그게'단일 책임'에 대해 우리의 뜻은 작은 부품이 한 가지 일만 해야 한다는 것이다.
다양한 일을 할 수 있는 거대한 작은 부품을 만들지 마라.예를 들어, 만약 당신이 작은 위젯을 가지고 있다는 것을 알게 된다면, 그 안에 다른 작은 위젯이 포함되어 있어, 당신의 사용자 정의 단추를 구성하고, 그것을 깨뜨려라.압축을 풀고 별도의 작은 위젯으로 만듭니다.이것은 관리를 더욱 쉽게 할 것입니다. 특정한 작은 위젯의 유일한 규칙은 이 단추를 서비스하고 처리하는 것입니다.
결론
본고의 10가지 기교로 자신의 유튜브 영상을 뽑았는데 저는 영상에서 Flatter에서 응용 프로그램을 개발한 경험을 공유했습니다.
읽어주셔서 감사합니다!
너는 트위터에서 나를 주목할 수 있다.
본문은 최초로 발표되었다robertbrunhage.com