Compose預(yù)覽-@Preview用法

示例.png

用法：

  1. 一個文件可以有多個Composable添加@Preview，預(yù)覽面板可以同時看到
  2. 支持的部分參數(shù)：
//  設(shè)置預(yù)覽的界面帶有背景顏色
@Preview(showBackground = true, backgroundColor = 0xFF00FF00)
// 設(shè)置預(yù)覽的界面大小
@PreView(widthDp = 50, heightDp = 50)
// 設(shè)置預(yù)覽的語言
@Preview(locale - "fr-rFR")
// 顯示狀態(tài)欄
@Preview(showSystemUi = true)
// 啟動夜間模式
@Preview(showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
// Pixel 設(shè)備中預(yù)覽
@Preview(device = Devices.PIXEL)

tip：

  • Composable有參數(shù)且缺少默認值時無法預(yù)覽
  • 預(yù)覽效果編譯之后才會生效
  • 動態(tài)預(yù)覽模式可以直接預(yù)覽動畫、測試手勢交互。
  • 支持將當前預(yù)覽頁面像App一樣運行到手機或模擬器上。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容