如何在SwiftUi中更改弹出窗口的背景颜色和高度

首先，我创建了一个下拉菜单，然后我将其移动到我之前为登录屏幕创建的部分。但是，下拉菜单将打开，如图所示

但我希望在下面的文本字段上打开下拉菜单，如第二张照片所示。我该怎么做？

登录页面 然后我把我创建的下拉菜单放在登录屏幕上

---

一切正常，唯一的问题是

CountryCodeDropdown

中滚动视图的高度太低。在

.frame（高度：50）

中使用更大的数字。类似于

.frame（高度：250）

当我增加高度时，当下拉菜单打开时，它向上滑动并与邮件重叠。此外，我只想给一个颜色时，下拉菜单是打开的。

struct CountryCodeDropdown: View {
    
    //PROPERTIES
    @State private var isExpanded = false
    @State private var selectedNum = 1
    @State private var isScrollExpanded = false
    @State private var selectedScrollNum = 1
    
    var body: some View {
        
        VStack(alignment: .leading){
        DisclosureGroup("\(selectedScrollNum)", isExpanded: $isScrollExpanded)  {
            ScrollView{
               VStack{
                
                ForEach(1...50,id:\.self){ code in
                    Text("\(code)")
                        .font(Font.custom("Barlow-Regular", size: 12))
                        .padding(.all)
                        .onTapGesture {
                            self.selectedScrollNum = code
                            withAnimation{
                                self.isScrollExpanded.toggle()
                            }
                        }
                }//foreach
             }//VSTACK
            }.frame( height:50)
            
             
            
          }//Disclosure
        .accentColor(.black)
        .font(Font.custom("Barlow-Regular", size: 17))
        .padding(.trailing)
       
        
     Spacer()
           
        }.frame(height:70)
       
        
    }
}

    VStack(alignment: .leading, spacing: 3){
            
             HStack{
               
                //CODE
                ZStack {
                    VStack{
                    CountryCodeDropdown()
                        .padding(.top,40)
                   
                        Divider()
                            .padding(.top,-40)
                    } .frame(width: 100)
                    .padding(.leading)
                }
                
                
                
                //PHONE
                CustomTextField(title: "Phone", value: $model.phone, animation: animation)
                    .keyboardType(.numberPad)
            }//:HSTACK
            Text("OR")
                .padding(.leading)
                .padding(.top,4)
                .font(Font.custom("Barlow-Regular", size: 12))
            
            CustomTextField(title: "E-mail", value: $model.email, animation: animation)
                .keyboardType(.emailAddress)
            
        }//:VSTACK