flutter_mp

กระพือ_mp

เป้าหมายของ flutter_mp คือการขยาย Flutter ไปยังแพลตฟอร์มที่คล้ายกับโปรแกรมขนาดเล็ก Flutter เป็นเฟรมเวิร์กแบบ cross-end ที่ยอดเยี่ยมซึ่งไม่เพียงแต่สามารถทำงานบน Android , iOS เท่านั้น แต่ยังทำงานบนแพลตฟอร์ม web ผ่าน flutter_web ได้อีกด้วย เกี่ยวข้องกับแพลตฟอร์มโปรแกรมขนาดเล็ก ฉันหวังว่า flutter_mp จะสามารถเติมเต็มช่องว่างนี้ได้

flutter_mp แรงบันดาลใจจากอลิตา วิธีการประมวลผลแบบไดนามิกของ Alita Engine ของ JSX ให้แนวคิดสำหรับเฟรมเวิร์ก UI ที่ประกาศเพื่อทำงานในโปรแกรมขนาดเล็ก flutter_mp เป็นการฝึกฝนแนวคิดนี้บน Flutter อย่างไรก็ตาม flutter_mp ยังอยู่ในช่วงทดลองขั้นต้น หากผลิตภัณฑ์ของคุณมีข้อกำหนดหลายด้านสำหรับ APP และมินิโปรแกรม ในขณะนี้ เรายังคงแนะนำให้คุณใช้ Alita ซึ่งเป็นโซลูชันที่ค่อนข้างสมบูรณ์โดยอิงจาก React Native .

ในขั้นตอนนี้ flutter_mp ยังคงเป็นโปรเจ็กต์ที่ยังไม่บรรลุนิติภาวะ และระดับของความสำเร็จยังต่ำมาก มีหลายสิ่งหลายอย่างที่ยังอยู่ในขั้นสำรวจ และยังมีหนทางอีกยาวไกลก่อนที่เราจะทำได้จริง การสาธิตอย่างง่ายอย่างเป็นทางการในแอปเพล็ต WeChat นอกจากนี้ เราคิดว่าเป็นไปไม่ได้ที่จะใช้ฟีเจอร์ Flutter ทั้งหมดในโปรแกรมขนาดเล็ก แน่นอนว่าจะต้องมีการตัดตอนและข้อเสียบางประการ รวมถึงระดับของการฟื้นฟูแอนิเมชั่น ท่าทาง ฯลฯ เรายังคงคิดถึงเรื่องนี้อยู่ ความคืบหน้าการอัปเดตล่าสุดของเรา

กระพือปีก	แอพเพล็ต WeChat

บทความที่เกี่ยวข้อง

• สำรวจการขยาย Flutter ไปยังมินิโปรแกรม WeChat

สิ่งที่ต้องทำ

ในขณะนี้ เรารองรับเฉพาะวิดเจ็ ListView พื้นฐาน Center , Column , Container , Expanded , Image.asset , ListView , Row และ Text . และโค้ด Flutter ของคุณสามารถปรากฏในไฟล์ lib/main.dart เท่านั้น เราจะปรับปรุง flutter_mp ทีละขั้นตอนคร่าวๆ ตามลำดับต่อไปนี้

1. ค้นหาการแสดงออกที่เทียบเท่าของเค้าโครง Flutter ภายใต้ css
2. ปรับปรุงวิดเจ็ตพื้นฐาน
3. รองรับวิดเจ็ตสถานะ
4. รองรับวิดเจ็ตที่กำหนดเอง
5. เหตุการณ์/วงจรชีวิต
6. หลายหน้า รองรับการนำทาง/กำหนดเส้นทาง
7. แอนิเมชั่น Flutter ถูกนำไปใช้บางส่วนในมินิโปรแกรม (สามารถกู้คืนได้ขนาดไหน??)
8. การเพิ่มประสิทธิภาพการทำงานของมินิโปรแกรม
9. การเพิ่มประสิทธิภาพขนาดแพ็คเกจโปรแกรมขนาดเล็ก
10. อื่น

เริ่มต้นใช้งาน

ในขั้นตอนนี้ เราขอแนะนำให้คุณแก้ไขโค้ดใต้ทะเลสาบภายใต้ Examples เท่านั้น และลองใช้ 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. ตัวอย่างเลย์เอาต์อย่างเป็นทางการของทะเลสาบ แอปเพล็ตที่คอมไพล์แล้วนั้นอยู่ใน lakesMP (แน่นอนว่าคุณสามารถคอมไพล์มันลงในไดเร็กทอรีใดก็ได้ที่คุณต้องการด้วยตนเอง)

บันทึกการเปลี่ยนแปลง

โปรเจ็กต์นี้สอดคล้องกับ Angular Style Commit Message Conventions และบันทึกการอัปเดตจะถูกสร้างขึ้นโดยอัตโนมัติโดย conventional-changelog หากต้องการดูบันทึกทั้งหมด โปรดคลิก CHANGELOG.md

ใบอนุญาต

ใบอนุญาตเอ็มไอที

ลิขสิทธิ์ (c) ARES Labs