Css 钛合金滚动视图存在问题？

我有一个表格，里面有10个带评级条的问题。我需要在同一页中显示10个问题。这些问题不适合屏幕，所以我需要做一个垂直滚动，应该能够在同一页中查看10个问题。我尝试了很多方法，但都不管用。请帮助我查看垂直滚动视图

查看

<Alloy>
    <Window id="questionnaireWin" title="questionnaire" platform="android,ios">

        <View id="header">
              <Label id="title">questions form</Label>
        </View>
         <ScrollView showHorizontalScrollIndicator="true" id="Scroll" layout="vertical">

        <View class="questionsContainer">
            <View class="row">
                <Label class="question">1. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf</Label>
                <Require type="widget" src="starrating" class="starRating" id="starR1"  max='5' initialRating='2.5'></Require>
            </View>
            <View class="row">
                <Label class="question">2. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf </Label>
                <Require type="widget" src="starrating" class="starRating" id="starR2"  max='5' initialRating='3'></Require>
            </View>
            <View class="row">
                <Label class="question">3. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf</Label>
                <Require type="widget" src="starrating" class="starRating" id="starR3"  max='5' initialRating='2'></Require>
            </View>
            <View class="row">
                <Label class="question">4. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf</Label>
                <Require type="widget" src="starrating" class="starRating" id="starR4"  max='5' initialRating='3.5'></Require>
            </View>
            <View class="row">
                <Label class="question">5. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf </Label>
                <Require type="widget" src="starrating" class="starRating" id="starR5"  max='5' initialRating='2.5'></Require>
            </View>
            <View class="row">
                <Label class="question">6. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf</Label>
                <Require type="widget" src="starrating" class="starRating" id="starR6"  max='5' initialRating='3'></Require>
            </View>
            <View class="row">
                <Label class="question">7. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf</Label>
                <Require type="widget" src="starrating" class="starRating" id="starR7"  max='5' initialRating='2'></Require>
            </View>
            <View class="row">
                <Label class="question">8. HThis ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf? </Label>
                <Require type="widget" src="starrating" class="starRating" id="starR8"  max='5' initialRating='3.5'></Require>
            </View>
            <View class="row">
                <Label class="question">9. This ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf </Label>
                <Require type="widget" src="starrating" class="starRating" id="starR9"  max='5' initialRating='2'></Require>
            </View>
            <View class="row">
                <Label class="question">10. vThis ifdsfhsdfkdlsf fjklads fjagfhad fha kasd fk fadkf adsfk asdf adsk fads fadhsfk adshf kadsf hhdasf hadk fhadks fhhads kfhhad sf</Label>
                <Require type="widget" src="starrating" class="starRating" id="starR10"  max='5' initialRating='3.5'></Require>
            </View>

            <View class="row">
                <Button class="processRating">Procees</Button>
            </View>
        </View>
         </ScrollView>
    </Window>
</Alloy>

---

这个很有趣。您有10行，但每行是问题容器大小的“20%”。这意味着只有足够的空间让5在屏幕上显示

'.row':{
    // height:'20%', // <--- Change this to something else that isn't 20%
    height: "200dp",
    width:'100%',
    backgroundColor:'#bdc3c7',
    layout:'vertical'
}

“.row”：{
//高度：'20%'，//这一行很有趣。您有10行，但每行是问题容器大小的“20%”。这意味着屏幕上只有足够的空间显示5行

'.row':{
    // height:'20%', // <--- Change this to something else that isn't 20%
    height: "200dp",
    width:'100%',
    backgroundColor:'#bdc3c7',
    layout:'vertical'
}

“.row”：{
//高度：'20%'，//这一行很有趣。您有10行，但每行是问题容器大小的“20%”。这意味着屏幕上只有足够的空间显示5行

'.row':{
    // height:'20%', // <--- Change this to something else that isn't 20%
    height: "200dp",
    width:'100%',
    backgroundColor:'#bdc3c7',
    layout:'vertical'
}

“.row”：{
//高度：'20%'，//这一行很有趣。您有10行，但每行是问题容器大小的“20%”。这意味着屏幕上只有足够的空间显示5行

'.row':{
    // height:'20%', // <--- Change this to something else that isn't 20%
    height: "200dp",
    width:'100%',
    backgroundColor:'#bdc3c7',
    layout:'vertical'
}

“.row”：{
//高度：'20%'，//是的，它正在工作，但有一个小问题，如果问题文本较大，它会得到正确的修复。如果文本较小，它会显示太多的空白。我无法指定每个问题的高度，因为问题是动态的。是否有自动高度的方法，以便它适合问题文本。您应该能够要使用height:Ti.UI.SIZE，它应该将自身大小调整到适合行的所有内容所需的正确大小。如果要调整行之间的间距，可能需要在底部和顶部添加视图。是的，这是可行的，但存在一个小问题，如果问题文本较大，它会得到正确修复。如果文本较小，它也会显示出来空间太大。我无法指定每个问题的高度，因为这些问题是动态的。是否有任何自动高度的方法，以便根据问题文本进行调整。您应该能够使用height:Ti.UI.SIZE，并将其自身调整为适合行的所有内容所需的正确大小。您可能需要在底部添加视图d顶部，如果您想调整行间距。是的，它正在工作，但有一个小问题，如果问题文本较大，它会得到正确的修复。如果文本较小，它会显示太多的空白。我无法指定每个问题的高度，因为问题是动态的。是否有自动高度的方法，使其适合基于question文本。您应该能够使用height:Ti.UI.SIZE，并且它应该将自身的大小调整到适合行的所有内容所需的正确大小。如果要调整行之间的间距，您可能需要在底部和顶部添加视图。是的，这是可行的，但有一个小问题，如果问题文本较大，它会得到正确的修复。如果text很小，它显示了太多的空白。我无法指定每个问题的高度，因为问题是动态的。是否有任何自动高度的方法，使其适合基于问题文本。您应该能够使用height:Ti.UI.SIZE，并且它应该将自身大小调整为适合行的所有内容所需的正确大小。您可能需要如果要调整行之间的间距，请在底部和顶部添加视图。