# TestSVGFE

![](https://1830103165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5-JmwCZMKh_d7RfBaN%2Fuploads%2Fdnq1zUjA3vGCnUC0MerP%2FTestSVGRE.png?alt=media\&token=bb05035b-89f0-4ee1-8c86-ed489c95c18c)

{% tabs %}
{% tab title="TestSVGFE" %}
⬆️ 需要：&#x20;

* [](<> "mention"), [shapestyle+lineargradient](../../../../shapes/shapestyle/shapestyle+lineargradient "mention"), [.white](../../../../shapes/shapestyle/.white "mention"), [repeatable](../../../../../custom/protocol/repeatable "mention")

```swift
// 2022.02.15 (*)

import SwiftUI

// ⭐️ GridItem + 🅿️ Repeatable
extension GridItem: Repeatable {}

/// test ScrollVGridForEach
struct TestSVGFE: View {
    var body: some View {
        
        // ⭐️ GridItem + 🅿️ Repeatable
        let twoFlexCols = GridItem(.flexible()) * 6
        
        // 👔 ScrollVGridForEach
        ScrollVGridForEach(0..<80, columns: twoFlexCols) { i in
            
            let codepoint = i + 0x1f600                                // code point
            let codepointString = String(format: "%02X", codepoint)    // hex format
            let emoji = String(Character(UnicodeScalar(codepoint)!))   // emoji
            
            VStack(spacing: 12) {
                Text("\(emoji)")
                Text("\(codepointString)")
                    .font(.system(.caption, design: .monospaced))
                    .foregroundColor(.secondary)
            }
            .shadow(radius: 2)
            .padding()
            // 🌀ShapeStyle +LinearGradient, +.white()
            .background(.vertical(.white(0.28), .white(0.2)))
            .cornerRadius(4)
            .compositingGroup()
            .shadow(radius: 4)
        }
    }
}

struct TestSVGFE_Previews: PreviewProvider {
    static var previews: some View {
        TestSVGFE().padding()
    }
}
```
{% endtab %}

{% tab title="⬆️ 需要" %}
* [](<> "mention")
* [repeatable](../../../../../custom/protocol/repeatable "mention") - to repeat [griditem](../griditem "mention").
* [shapestyle+lineargradient](../../../../shapes/shapestyle/shapestyle+lineargradient "mention")
* [.white](../../../../shapes/shapestyle/.white "mention")
{% endtab %}

{% tab title="👥 相關" %}
* example of [](<> "mention").
{% endtab %}
{% endtabs %}
