You can set an explicit size for the system font with:

    .font(.system(size: 60))

You can set custom font size like this,

    .font(.custom(&quot;FONT_NAME&quot;, size: 20))



    Text(&quot;Default font design&quot;).font(Font.system(size:30, design: .default))
    Text(&quot;Monospaced font design&quot;).font(Font.system(size:30, design: .monospaced))
    Text(&quot;Rounded font design&quot;).font(Font.system(size:30, design: .rounded))
    Text(&quot;Serif font design&quot;).font(Font.system(size:30, design: .serif))

    Text(&quot;Large Title&quot;).font(.largeTitle)
    Text(&quot;Title&quot;).font(.title)
    Text(&quot;Headline&quot;).font(.headline)
    Text(&quot;SubHeadline&quot;).font(.subheadline)
    Text(&quot;Body&quot;).font(.body)
    Text(&quot;Callout&quot;).font(.callout)
    Text(&quot;Caption&quot;).font(.caption)
    Text(&quot;FootNote&quot;).font(.footnote)

    Text(&quot;Custom font&quot;).font(Font.custom(&quot;OpenSans-Bold&quot;, size: 12.3))

more detail Please follow: 
https://github.com/arjun011/SwiftUI-Controls
           

If you want to set a custom font for your text let&#39;s say Helvetica Neue then in that case you can do something like this

    Text(&quot;Hello World&quot;)
    .font(.custom(&quot;Helvetica Neue&quot;, size: 20))

If you just want to go with system font then in that case you can do something like this

    Text(&quot;Hello World&quot;)
    .font(.system(size: 20, weight: .light, design: .default))

    // Using system font &quot;San Francisco&quot;
    let fontSystem = Font.system(size: 13.0)

    // Using installed custom font
    let fontCustom = Font.custom(&quot;YOUR FONT NAME&quot;, size: 13.0)

You can place the `font*` constant to where you need to set the font style.

Read more from &quot;Getting System Fonts&quot; section in https://developer.apple.com/documentation/swiftui/font


I&#39;ve migrated an ASP.NET Core 2.2 project to Core 3.0 and am getting the error: 

&gt; The project [Project location] must provide a value for Configuration. 

There&#39;s not really a lot to go on with that error message, does anyone know how to resolve this error?

This looks like it could be similar to [this issue on the dotnet cli github repo][1].


  [1]: https://github.com/dotnet/cli/issues/10336

&quot;The project &#39;Web&#39; must provide a value for Configuration&quot; error after migrating to .NET Core 3

Gradle DSL method not found: &#39;kapt()&#39;
Possible causes:
The project &#39;jetpacklearn&#39; may be using a version of the Android Gradle plug-in that does not contain the method (e.g. &#39;testCompile&#39; was added in 1.1.0).
Upgrade plugin to version 3.4.0 and sync project

The project &#39;jetpacklearn&#39; may be using a version of Gradle that does not contain the method.
Open Gradle wrapper file


My gradleVersion is &#39;3.4.0&#39;, but can not deal with it , ask me the same question

        classpath &quot;com.android.tools.build:gradle:$gradleVersion&quot;
        classpath &quot;org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion&quot;
        classpath &quot;androidx.navigation:navigation-safe-args-gradle-plugin:$navigationVersion&quot;

Gradle DSL method not found: &#39;kapt()&#39;

I have a label in my view that I want to use the system font size in medium, with a size of 21 points.  
I created a custom extension to re-use the font created:

    extension Font {
        static var primaryButton: Font {
            return Font.custom(&quot;SFUIDisplay-Light&quot;, size: 21)
        }
    }

However, this does not have any effect. I changed the string to `HelveticaNeue-UltraLight` and it did work, so I&#39;m guessing that `SFUIDisplay-Light` is simply the incorrect font name.  
In font book, it says `SFProText-Light`, but that also did not work for me.

What is the correct font name of the San Francisco font in SwiftUI?  
Or: how can I set the font size using the system font?

Custom font size for Text in SwiftUI

I have a label in my view that I want to use the system font size in medium, with a size of 21 points. 
I created a custom extension to re-use the font created:
<pre><code class="hljs language-css">extension Font {
 static var primaryButton: Font {
 return Font.custom("SFUIDisplay-Light", size: 21)
 }
}
</code></pre>
However, this does not have any effect. I changed the string to <code>HelveticaNeue-UltraLight</code> and it did work, so I'm guessing that <code>SFUIDisplay-Light</code> is simply the incorrect font name. 
In font book, it says <code>SFProText-Light</code>, but that also did not work for me.
What is the correct font name of the San Francisco font in SwiftUI? 
Or: how can I set the font size using the system font?

Is it possible to set a maximum length for `TextField`?  I was thinking of handling it using `onEditingChanged` event but it is only called when the user begins/finishes editing and not called while user is typing. I&#39;ve also read the docs but haven&#39;t found anything yet. Is there any workaround?

    TextField($text, placeholder: Text(&quot;Username&quot;), onEditingChanged: { _ in
      print(self.$text)
    }) {
      print(&quot;Finished editing&quot;)
    }

SwiftUI TextField max length

I&#39;ve implemented a toggle after following Apple&#39;s [tutorial on user input][1]. Currently, it looks like this:

&lt;img src=&quot;https://i.stack.imgur.com/jvmsU.png&quot; height=&quot;150&quot; /&gt;

This is the code that produces this UI:

    NavigationView {
        List {
            Toggle(isOn: $showFavoritesOnly) {
                Text(&quot;Show Favorites only&quot;)
            }
        }
    }

Now, I&#39;d like the `Toggle`&#39;s *on*-color to be blue instead of green.  
I tried:

```
Toggle(isOn: $showFavoritesOnly) {
    Text(&quot;Show Favorites only&quot;)
}
.accentColor(.blue)
```
```
.foregroundColor(.blue)
```
```
.background(Color.blue)
```

None of these worked and I wasn&#39;t able to find any other modifiers, such as `tintColor`.

How do I change the color of a `Toggle`?

  [1]: https://developer.apple.com/tutorials/swiftui/handling-user-input

Set Toggle color in SwiftUI

Given this code:

```lang-swift
import SwiftUI

struct ContentView: View {
  var body: some View {
    VStack(alignment: .leading) {
      Text(&quot;Title&quot;)
        .font(.title)

      Text(&quot;Content&quot;)
        .lineLimit(nil)
        .font(.body)

      Spacer()
    }
    .background(Color.red)
  }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider {
  static var previews: some View {
    ContentView()
  }
}
#endif
```
---

It results in this interface:

[![preview][1]][1]

How can I make the `VStack` fill the width of the screen even if the labels/text components don&#39;t need the full width?

---

A trick I&#39;ve found is to insert an *empty* `HStack` in the structure like so:

```lang-swift
VStack(alignment: .leading) {
  HStack {
    Spacer()
  }
  Text(&quot;Title&quot;)
    .font(.title)

  Text(&quot;Content&quot;)
    .lineLimit(nil)
    .font(.body)

  Spacer()
}
```

Which yields the desired design:

[![desired output][2]][2]

Is there a better way?


  [1]: https://i.stack.imgur.com/B87Ym.png
  [2]: https://i.stack.imgur.com/XK2cY.png

Make a VStack fill the width of the screen in SwiftUI

I&#39;m trying to conditionally hide a `DatePicker` in SwiftUI. However, I&#39;m having any issue with mismatched types:


    var datePicker = DatePicker($datePickerDate)
    if self.showDatePicker {
        datePicker = datePicker.hidden()
    }

In this case, `datePicker` is a `DatePicker&lt;EmptyView&gt;` type but `datePicker.hidden()` is a `_ModifiedContent&lt;DatePicker&lt;EmptyView&gt;, _HiddenModifier&gt;`. So I cannot assign `datePicker.hidden()` to `datePicker`. I&#39;ve tried variations of this and can&#39;t seem to find a way that works. Any ideas?

**UPDATE**

You can unwrap the `_ModifiedContent` type to get the underlying type using it&#39;s `content` property. However, this doesn&#39;t solve the underlying issue. The `content` property appears to just be the original, unmodified date picker.

Dynamically hiding view in SwiftUI

How to hide `keyboard` using `SwiftUI` for below cases?

**Case 1**

I have `TextField` and I need to hide the `keyboard` when the user clicks the `return` button.

**Case 2**

I have `TextField` and I need to hide the `keyboard` when the user taps outside.

How I can do this using `SwiftUI`?

**Note:** 

I have not asked a question regarding `UITextField`. I want to do it by using `SwifUI.TextField`.



How to hide keyboard when using SwiftUI?

I&#39;ve downloaded and installed the JetBrains Mono font [https://www.jetbrains.com/lp/mono/][1]

I&#39;m trying to set VS Code to use it.

I&#39;ve added the following lines to my settings.json file:

```
    // Set the font
    &quot;editor.fontFamily&quot;: &quot;Consolas, &#39;Courier New&#39;, monospace&quot;, // Copied from current settings
    // Turn on font ligatures
    &quot;editor.fontLigatures&quot;: true, // Override default value of false
```

My question is: what do I need to put in the ```editor.fontFamily``` section to get JetBrains to be used?

I&#39;ve tried ```&quot;editor.fontFamily&quot;: &quot;JetBrains, Consolas, &#39;Courier New&#39;, monospace&quot;```
without success.

  [1]: https://www.jetbrains.com/lp/mono/

How do I change VS Code Settings to use JetBrains Mono Font

How to create grid of square items (for example like in iOS Photo Library) with SwiftUI? 

I tried this approach but it doesn&#39;t work:

    var body: some View {
        List(cellModels) { _ in
            Color.orange.frame(width: 100, height: 100)
        }
    }
    
List still has UITableView style:

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/tyrV8.jpg

UICollectionView and SwiftUI?

I&#39;ve been trying to create a *multiline* `TextField` in SwiftUI, but I can&#39;t figure out how.

This is the code I currently have:

    struct EditorTextView : View {
        @Binding var text: String
        
        var body: some View {
            TextField($text)
                .lineLimit(4)
                .multilineTextAlignment(.leading)
                .frame(minWidth: 100, maxWidth: 200, minHeight: 100, maxHeight: .infinity, alignment: .topLeading)
        }
    }
    
    #if DEBUG
    let sampleText = &quot;&quot;&quot;
    Very long line 1
    Very long line 2
    Very long line 3
    Very long line 4
    &quot;&quot;&quot;
    
    struct EditorTextView_Previews : PreviewProvider {
        static var previews: some View {
            EditorTextView(text: .constant(sampleText))
                .previewLayout(.fixed(width: 200, height: 200))
        }
    }
    #endif

But this is the output:

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/CUclI.png

Content Type	Original Author	Original Content on Stackoverflow
Question	LinusGeffarth	View Question on Stackoverflow
Solution 1 - Swift	NRitH	View Answer on Stackoverflow
Solution 2 - Swift	Anjali Kevadiya	View Answer on Stackoverflow
Solution 3 - Swift	Arjun Patel	View Answer on Stackoverflow
Solution 4 - Swift	NSDumb	View Answer on Stackoverflow
Solution 5 - Swift	X.Creates	View Answer on Stackoverflow

Custom font size for Text in SwiftUI

Swift Problem Overview

Swift Solutions

Solution 1 - Swift

Solution 2 - Swift

Solution 3 - Swift

Solution 4 - Swift

Solution 5 - Swift

Gradle DSL method not found: 'kapt()'

"The project 'Web' must provide a value for Configuration" error after migrating to .NET Core 3

Attributions