原创 七分設計感的純Flutter項目(Mung三部曲) Mung-Flutter

React版Mung React-Native版Mung Flutter版Mung Mung-Flutter 項目地址 1. Mung-Flutter:是一個基於Flutter編寫,使用豆瓣開源API開發的一個項目。 2. 功能概述

原创 自定義儀表盤

1.前言 由於項目需要實現一個類似於儀表盤的功能顯示當前設備的狀態,就像各個手機衛士主頁的評分控件。 2.實現 起初還是一如既往,有沒有現成的,有的話直接用或者改一改,簡單方便,但後來沒有找到一個適合我項目的開源儀表控件,

原创 React-Native 最完美的提示組件: [email protected]

常見的Toast一些小問題 短時間內重複顯示提示出現重疊重影(登陸時:登陸中…-登陸失敗,時間短會出現重影)。 提示生硬,沒有動畫,直接進行顯示。 提示樣式簡單,僅僅只能顯示文字。 在已經彈出Modal時顯示的Toast會被遮

原创 🔥 React-Native 最完美的提示組件: [email protected]

常見的Toast一些小問題 短時間內重複顯示提示出現重疊重影(登陸時:登陸中...-登陸失敗,時間短會出現重影)。 提示生硬,沒有動畫,直接進行顯示。 提示樣式簡單,僅僅只能顯示文字。 在已經彈出Modal時顯示的Toast會被遮蓋。(

原创 Flutter 手勢密碼控件

一個Flutter編寫的手勢識別驗證鎖。 例子 設置密碼例子 GestureView( immediatelyClear: true, size: MediaQuery.of(context).size.width,

原创 Flutter 自定義組件之貝塞爾曲線畫波浪球

百度百科: 貝塞爾曲線(Bézier curve),又稱貝茲曲線或貝濟埃曲線,是應用於二維圖形應用程序的數學曲線。一般的矢量圖形軟件通過它來精確畫出曲線,貝茲曲線由線段與節點組成,節點是可拖動的支點,線段像可伸縮的皮筋,我們在繪圖工具上看到

原创 七分設計感的純Flutter項目(Mung三部曲)

React版Mung React-Native版Mung Flutter版Mung Mung-Flutter 1. Mung-Flutter:是一個基於Flutter編寫,使用豆瓣開源API開發的一個項目。 2. 功能概述 啓動頁:添

原创 七分設計感的純React項目Mung

多語言版本 React版Mung React-Native版Mung Flutter版Mung 1. Mung:是一個基於React編寫,使用豆瓣a開源API開發的一個項目。 2. 功能概述 數據保存 :支持斷網加載緩存數據。

原创 更全、更好的 React-Native Toast組件

在React-Native如果用到提示(網絡請求失敗等短暫的顯示提示用戶)的話大多數在項目可能用的react-native-root-toast、react-native-easy-toast,如果用到加載,可能就得自己寫Modal加載,在

原创 一個功能齊全的React-Native提示組件

在React-Native如果用到提示(網絡請求失敗等短暫的顯示提示用戶)的話大多數在項目可能用的react-native-root-toast、react-native-easy-toast,如果用到加載,可能就得自己寫Modal

原创 MQTT

MQTT 協議主要特點 MQTT 協議是爲大量計算能力有限,且工作在低帶寬、不可靠的網絡的遠程傳感器和控制設備通訊而設計的協議,它具有以下主要的幾項特性: 使用發佈 / 訂閱消息模式,提供一對多的消息發佈,解除應用程序耦合; 對負載

原创 Windows下React-Native如何調試和運行iOS

由於前段時間寫了一個React-Native的項目Mung,就想把打包出.apk和.ipa,我個人一直從事Android開發所以安卓app打包就沒什麼問題了,但ios打包問題就大了,最大的問題就是我沒有Mac,自己電腦纔買不到兩年,總不能

原创 Taro開發多端應用

官方解釋: 使用 Taro,我們可以只書寫一套代碼,再通過 Taro 的編譯工具,將源代碼分別編譯出可以在不同端(微信/百度/支付寶/字節跳動小程序、H5、React-Native 等)運行的代碼。 使用前 第一次看到Taro是在

原创 一步步實現一個自適應的react-native拖拽排序

最近由於業務需求需要實現一個功能需要實現圖片的上傳和排序和刪除,在網上搜索了幾款發現都需要固定列數,感覺不太友好,所以自己實現了一個可以不需要設定列數的排序,而且佈局高度實現自適應。 源碼鏈接 效果圖對比(固定列數和自適應流佈局) !

原创 一個完整小巧的Redux全家桶項目

OneArticle: 使用React-Native開發,使用Redux,React-Redux,Redux-Persist,Redux-Saga。 爲什麼取這個名字呢,我也不想啊,App爲OneArticle,但發現數據源的官方應用