ios swift 预览设置previewLayout

痛定思痛。 2023-02-10 03:37 6阅读 0赞

最近在使用swift开发iOS的app,经常需要预览UI

!\[\](https://user-gold-cdn.xitu.io/2020/5/19/1722ca7dbefb1414?w=862&h=1682&f=png&s=447966)

\`\`\`  
struct PostImageCell\_Previews: PreviewProvider \{  
    static var previews: some View \{  
        let images = postList.list\[0\].images  
        let width=UIScreen.main.bounds.width  
          
        return Group\{  
            PostImageCell(images: Array(images\[0...0\]),width: width)  
             PostImageCell(images: Array(images\[0...1\]),width: width)  
        \}  
        
    \}  
\}  
\`\`\`

有时候需要设置预览的效果,更改预览的大小

\`\`\`  
struct PostImageCell\_Previews: PreviewProvider \{  
    static var previews: some View \{  
        let images = postList.list\[0\].images  
        let width=UIScreen.main.bounds.width  
          
        return Group\{  
            PostImageCell(images: Array(images\[0...0\]),width: width)  
             PostImageCell(images: Array(images\[0...1\]),width: width)  
        \}  
        .previewLayout(.fixed(width: width, height: 300))  
          
    \}  
\}  
\`\`\`  
这个时候发现预览变得简洁

!\[\](https://user-gold-cdn.xitu.io/2020/5/19/1722ca945735a8cb?w=888&h=1770&f=png&s=443464)

喜欢可以加Q群号:913934649,点赞,评论;

简书： https://www.jianshu.com/u/88db5f15770d

csdn：https://me.csdn.net/beyondforme

掘金：https://juejin.im/user/5e09a9e86fb9a016271294a7

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 VSCode设置网页代码实时预览

一、设置描述 1.VSCode作为一款很不错的开发软件，相比DW更小巧，用来测试前端特别不错，那么我们平时开发网页发现只有写完代码，然后保存，接下来到浏览器中刷新查

曾经终败给现在/ 2023年08月17日 17:02/ 0 赞/ 142 阅读

相关 jquery 预览_jQuery评论预览

jquery 预览 I released a [MooTools comment preview][] script yesterday and got numerous r

矫情吗；*/ 2023年02月21日 14:30/ 0 赞/ 29 阅读

相关 iOS swift 预览设置previewLayout

最近在使用swift开发iOS的app,经常需要预览UI ![format_png][] struct PostImageCell_Previews: Previe

超、凢脫俗/ 2023年02月10日 03:37/ 0 赞/ 3 阅读

相关 ios swift 预览设置previewLayout

最近在使用swift开发iOS的app,经常需要预览UI !\[\](https://user-gold-cdn.xitu.io/2020/5/19/1722ca7dbefb

痛定思痛。/ 2023年02月10日 03:37/ 0 赞/ 7 阅读

相关如何设置_windows7预览窗口如何设置

大家好，今天分享一篇来自小白系统官网(xiaobaixitong.com)关于解答win7预览窗口的问题。win7预览窗口大小是系统默认的，那么如果我们想要对电脑设置Windo

忘是亡心i/ 2023年01月07日 03:45/ 0 赞/ 199 阅读

相关 vue word预览，excel预览，pdf预览

一、word预览–mammoth.js 安装：`npm install --save mammoth` tip：只能预览.docx文件 word.vue:

淩亂°似流年/ 2022年11月15日 11:13/ 0 赞/ 704 阅读

相关在sublime中设置浏览器预览

在sublime中设置浏览器预览 sublime是一款小而精的编辑器，但其中没有自带浏览器预览功能，所以下面就教给大家一种方法 1. 安装SideBarEnhance

一时失言乱红尘/ 2022年07月13日 14:37/ 0 赞/ 252 阅读

相关 VSCode设置网页代码实时预览

目录一、设置描述二、操作步骤 -------------------- 一、设置描述 1.VSCode作为一款很不错的开发软件，相比DW更小巧，用来测

r囧r小猫/ 2022年05月07日 17:38/ 0 赞/ 375 阅读

相关 VSCode设置网页代码实时预览

目录一、设置描述二、操作步骤 -------------------- 一、设置描述 1.VSCode作为一款很不错的开发软件，相比DW更小巧，用来测

素颜马尾好姑娘i/ 2022年05月07日 03:54/ 0 赞/ 387 阅读

相关 AndroidStudio设置预览markdown格式文件

正常来说markdown格式的文件应该是这样： ![在这里插入图片描述][20190613174516516.png] 但是有的时候文件会显示成这样： ![在这里插

╰半橙微兮°/ 2022年01月16日 00:31/ 0 赞/ 1176 阅读