The latest articles on Forem by Eric (@winricyu). https://forem.com/winricyu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F286574%2F772f6e68-60a9-4b1a-851a-7a4b15e0b4e9.jpeg https://forem.com/winricyu en Eric Thu, 12 Mar 2020 12:36:54 +0000 https://forem.com/winricyu/flutter-texttheme-textstyle-1nf0 https://forem.com/winricyu/flutter-texttheme-textstyle-1nf0 <h2> TextTheme </h2> <h2> TextStyle </h2> Eric Mon, 23 Dec 2019 12:24:51 +0000 https://forem.com/winricyu/flutter-assets-416p https://forem.com/winricyu/flutter-assets-416p <h2> 匯入圖片資源 </h2> <p>在 pubspec.yaml 加入指定圖片資源<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>assets: - assets/food/food_1.jpeg - assets/drink/drink_2.jpeg </code></pre></div> <p>也可加入指定目錄下所有圖片<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>assets: - assets/ </code></pre></div> <p>上述方式僅匯入該目錄下圖片，不包含子目錄下的圖片。子目錄圖片需個別定義，注意：最後須以 "/" 結尾<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>assets: - assets/food/ - assets/drink/ </code></pre></div> <p><a href="https://api.flutter.dev/flutter/painting/AssetImage-class.html">AssetImage</a> 類別會根據裝置尺寸及比例選擇適當資源。<br> Flutter 存取的首要圖片為 1.0x 圖片，若要支援其他比例圖片，在其 1.0x 圖片目錄下建立對應比例的子目錄 (1.5x, 2.0x, Nx)<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>//建立方式1 assets: - food_1.jpeg - 1.5x/food_1.jpeg - 2.0x/food_1.jpeg //建立方式2 assets: - icon/food_1.jpeg - icon/1.5x/food_1.jpeg - icon/2.0x/food_1.jpeg </code></pre></div> flutter