SwiftUI : 상자의 여러 줄 텍스트보기에 대한 다양한 너비
Clifton Labrum
다음은 텍스트가있는 두 개의 상자가 SwiftUI에서 렌더링되는 방식이지만 둘 다 전체 너비가되기를 원합니다.
내 코드는 다음과 같습니다.
VStack(spacing: 20){
//Help ---
VStack(alignment: .leading, spacing:10){
Text("Help").h2()
Text("Please view our online user guide before contacting us since we answer most questions there.")
.lineLimit(nil) //Make the text wrap
.prefsText()
Button("Online Help"){
openURL(URL(string: "https://avid.pro/help")!)
}.foregroundColor(Color(accentColor))
.buttonStyle(PlainButtonStyle())
.prefsLink()
}.unoBoxRoundPad()
.frame(maxWidth: .infinity)
//Support ---
VStack(alignment: .leading, spacing:10){
Text("Support").h2()
Text("Email us if you need to submit a bug or get specialized help. It may take us a few days to get back to you.")
.lineLimit(nil) //Make the text wrap
.prefsText()
Button("Email Us"){
openURL(URL(string: "mailto:[email protected]")!)
}.foregroundColor(Color(accentColor))
.buttonStyle(PlainButtonStyle())
.prefsLink()
}.unoBoxRoundPad()
.frame(maxWidth: .infinity)
}.background(Color.yellow) //For testing
나는 그들이 같은 너비가 아닌 이유를 내 인생에서 알 수 없습니다. .unoBoxRoundPad()다음 공유 스타일을 추가하는보기 수정 자입니다.
.padding(20)
.background(Color("UnoDark"))
.cornerRadius(7)
포함 .frame(maxWidth: .infinity)하는 Text()대신 에을 넣으면 VStack조금 더 가까워지는 것처럼 보이지만 포함하는 뷰의 다음을 무시합니다 padding().
내가 뭘 잘못하고 있는지에 대한 아이디어가 있습니까?
데이브 드롱
여기에는 두 가지 문제가 있습니다.
You've got two modifiers swapped (
.frame(...)and.unoBoxRoundPad()); you want the roundedness to apply to the entire stretched thing. By putting.unoBoxRoundPad()first, you're saying "pad this thing" and then "place that rounded thing inside an infinitely-wide box"; you want the reverse: your thing should be placed inside an infinitely-wide box, and it's the infinitely wide box that should have the rounded corners and padding.alignment:해당.frame()수정자를 사용할 때 를 지정해야합니다 . 내부 뷰가 무한 넓이의 상자 안에 배치되면 기본적으로 내부에 수직 및 수평으로 중앙에 위치하게됩니다. 스크린 샷을 기반으로.topLeading콘텐츠 ( "지원", "도움말"등)가 왼쪽 상단 (또는 RTL 언어의 오른쪽 상단)에서 시작되도록 사용하고 싶을 것입니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
목록보기의 텍스트 레이블에 대한 셀의 여러 줄
- 2
다양한 너비의 열이있는 텍스트 상자
- 3
여러 줄 텍스트의 각 줄에 대한 텍스트 정렬 변경
- 4
상자 그림자에 대한 스타일러스의 여러 줄 속성
- 5
텍스트에 대한 여러 SwiftUI 미리보기를 수정하는 방법
- 6
여러 줄 텍스트에 대한 항목 기준선 정렬
- 7
이메일 양식의 여러 줄에 대한 반환 요청
- 8
한 줄에 여러 개의 대기 (중첩 된 비동기 호출)
- 9
PHP의 텍스트 상자에 대한 새 줄
- 10
여러 한 줄 텍스트 요소 자르기
- 11
여러 줄 문자열을 한 줄 텍스트로 내보내는 방법
- 12
SwiftUI의 목록에 대한 왼쪽 또는 가운데 정렬 여러 줄 섹션 헤더
- 13
여러 변수에 대한 여러 줄의 입력
- 14
한 줄에 고정 너비 및 자동 너비 div
- 15
텍스트 파일에서 여러 줄에 대한 공통 요소 찾기
- 16
브러시 상자의 최소 및 최대 너비 제한
- 17
잘라낼 셀의 여러 줄 문자에 대한 매크로
- 18
다양한 너비의 텍스트 오른쪽에 Unity 스틱 이미지
- 19
여러 텍스트 파일에서 한 줄 번호의 텍스트 변경
- 20
여러 줄에 대한 텍스트 마커 효과
- 21
여러 줄 텍스트에 대한 Vbscript 정규식?
- 22
선택에 대한 여러 줄 텍스트 영역 바인딩
- 23
텍스트 상자 (사용자 양식)에서 여러 줄 문자열 입력을 한 줄 입력 문자열 (vba 단어)로 변환하는 방법
- 24
Bash의 텍스트 파일에서 한 줄을 여러 줄로 병합
- 25
C #을 사용하여 PowerPoint 작업 창의 여러 줄 텍스트 상자에서 각 줄의 길이를 제한하는 방법은 무엇입니까?
- 26
대화 상자에서 여러 줄 편집 텍스트의 Android [ENTER] 키 작업
- 27
Ajax : 동일한 클래스의 여러 항목 중 하나에 대한 텍스트 영역 값 보내기
- 28
줄임표 및 한 줄에 여러 줄 텍스트 표시
- 29
다양한 %의 너비에 대한 CSS3 애니메이션
몇 마디 만하겠습니다