flutter_mp

flutter_mp

flutter_mp 의 목표는 Flutter를 작은 프로그램 같은 플랫폼으로 확장하는 것입니다. Flutter 는 Android , iOS 뿐만 아니라 flutter_web을 통해 web 플랫폼에서도 실행할 수 있는 매우 뛰어난 크로스엔드 프레임워크입니다. flutter_mp가 이러한 격차를 메울 수 있기를 바랍니다.

flutter_mp는 알리타에서 영감을 받았습니다. Alita 엔진의 JSX 동적 처리 방법은 선언적 UI 프레임워크가 작은 프로그램에서 실행될 수 있는 아이디어를 제공합니다. flutter_mp는 Flutter 에서 이 아이디어를 구현한 것입니다. 그러나 flutter_mp는 아직 매우 초기 실험 단계에 있습니다. 현재 제품에 APP 및 미니 프로그램에 대한 멀티 엔드 요구 사항이 있는 경우 당분간은 React Native 기반의 비교적 성숙한 솔루션인 Alita를 사용하는 것이 좋습니다. .

현 단계에서 flutter_mp는 아직 매우 미성숙한 프로젝트이고 완성도도 매우 낮습니다. 아직 많은 것들이 탐색 단계에 있으며, 실제로 사용 가능하기까지는 아직 갈 길이 멀습니다. WeChat 애플릿의 공식 간단한 데모. 또한 작은 프로그램에서는 모든 Flutter 기능을 구현하는 것이 불가능하다고 생각합니다. 애니메이션, 제스처 등의 복원 정도를 포함하여 일부 거세 및 절충안이 있을 것입니다. 계속해서 고려하고 있습니다. 최신 업데이트 진행 상황.

설레다	위챗 애플릿

관련 기사

• Flutter를 WeChat 미니 프로그램으로 확장하는 방법 탐색

TODO

당분간은 Center , Column , Container , Expanded , Image.asset , ListView , Row , Text Center 기본 위젯만 지원합니다 Text 심지어 ListView 와 같은 기본 위젯도 아직 완성되지 않았습니다. . Flutter 코드는 lib/main.dart 파일에만 나타날 수 있습니다. 대략 다음과 같은 순서로 flutter_mp 단계별로 개선하겠습니다.

1. CSS에서 Flutter 레이아웃과 동등한 표현 찾기
2. 기본 위젯 개선
3. 상태 저장 위젯 지원
4. 맞춤 위젯 지원
5. 이벤트/라이프사이클
6. 다중 페이지, 탐색/라우팅 지원
7. Flutter 애니메이션은 미니 프로그램에 부분적으로 구현되어 있습니다.(어느 정도까지 복원이 가능한가요??)
8. 미니 프로그램 성능 최적화
9. 소규모 프로그램 패키지 크기 최적화
10. 다른

시작하기

이 단계에서는 Examples 아래 Lakes 아래의 코드만 수정하고 flutter_mp 를 사용해 보는 것이 좋습니다.

1. flutter_mp 명령 설치

      pub global activate --source git https://github.com/areslabs/flutter_mp.git

2. flutter_mp -v 실행하여 명령이 성공적으로 설치되었는지 확인하세요.

3. flutter 프로젝트에 다음 종속성을 추가하세요.

      dev_dependencies :
        flutter_mp :
           git :
             url : https://github.com/areslabs/flutter_mp
             path : packages/flutter_mp

4. flutter_mp -i [flutter目录] -o [目标小程序目录] 명령을 실행합니다.

5. WeChat Developer를 사용하여 4 프로세스의 [目标小程序目录] 가져와서 엽니다.

이런 방식으로 Flutter 애플리케이션이 WeChat 애플릿에서 실행됩니다.

예

1. 공식 레이아웃 샘플 Lakes, 해당 컴파일된 애플릿은 LakesMP에 있습니다(물론 원하는 디렉터리에 수동으로 컴파일할 수 있습니다).

변경 로그

이 프로젝트는 Angular Style Commit Message Conventions를 준수하며, conventional-changelog 에 의해 업데이트 로그가 자동으로 생성됩니다. 전체 로그를 보려면 CHANGELOG.md를 클릭하세요.

특허

MIT 라이센스

저작권 (c) ARES 연구소