【專訪】Story Viewer 限時動態查看器

編輯：Davina

📱 Instagram 追蹤太多，限時動態看不完嗎？也許你需要 Story Viewer 解決你的資訊焦慮。

限時動態是一項非常熱門的功能，許多人在上面分享生活、美景、美食…等等。不過在瀏覽的時候，使用者必須左滑、右滑，頻繁地操作，於是遠創便讓追蹤的限時動態濃縮在畫面的瀑布中，讓用戶可以輕鬆地上下滑動、快速瀏覽所有人的動態。

Story Viewer

Q1. 使用 Flutter 開發與其他語言有何不同？

過去有使用 Android 及 Cordova 開發經驗，不過個人認為在介面設計上，Flutter 是比較好上手的，並且 packages 也很豐富。

在開發 Story Viewer 時，有遇到效能上的問題，某個顯示模式快速上下滑動時會卡頓。不過後來發現是某個 package 本身的優化較差的原故，只要優化有做好，仍然會有很好的表現。

Q2. 團隊花了多少時間時間、使用什麼樣的架構開發？

團隊目前只有一位 Flutter 工程師，獨立製作約一個多月開發完成。由於是串接 Instargam，因此沒有與後端串接，資料保留在 Client 端也比較沒有資安的疑慮。

程式的架構是以 MVC 為主，這也是團隊過去所熟悉的架構。對於 Flutter 常見的架構比較不熟悉，例如： BLoC，未來也會去嘗試。

Q3. App 使用那些 Flutter 的技術，遇到那些困難？

App 大多的功能都是透過 packages 來完成，因此難度不高。不過在取得 Instargam 帳號授權時有遇到困難。用戶在 webview 上登入帳號之後，Flutter WebView Plugin 預設的 getCookies 沒有辦法抓到 sessionid。所幸在網路上有找到解法，將 plugin 的程式稍作修改後就能正常執行了。

提供這個 App 所使用的 Plugins 給大家參考：

• shared_preferences
• url_launcher
• flutter_advanced_networkimage
• shimmer
• flutter_staggered_grid_view
• dio
• chewie
• flutter_webview_plugin
• fluttertoast
• easy_localization

Story Viewer Play Store 下載

感謝遠創分享精彩的經驗給我們，不知道大家對於那個部份覺得有收獲呢？歡迎留言告訴我們喔😘

文章都看了，手拍了嗎？
還沒拍呀？！拍手鼓勵支持，小編們才用動力繼續寫下去哦！此計畫也才得以繼續哦！
以上文章感謝遠創熱情參與 Flutter Taipei「App 蒐集企劃」，也謝謝你讀完這篇文章！希望這篇文章和此企劃讓你更了解 Flutter 在商業化產品上的應用與導入。
歡迎隨時加入 Flutter Taipei 臉書社團與大家一起互動，告訴我們更多你的想法！
如果你也有興趣參與「App 蒐集企劃」聊聊你們團隊/獨立開發者如何開發 Flutter App，想跟大家分享用到了怎麼樣的相關技術，歡迎直接填寫表單，我們將會與你聯絡！