Question

我正在尝试在react-native中创建一个传递给父组件的View组件数组。下面的代码不起作用，但是如果我使用Text而不是View它可以工作。我希望使用视图来显示空白或已填充的圆圈。我找不到它的原因，我认为应该可以使用空视图。我做错了什么？

class card extends React.Component {

renderScore(balance, fulfill, markImage){
    var scores = [];

    for (i = 1; i <= fulfill; i++) { 
        if(i<=balance){
            if (markImage) {
               scores.push(<View style={styles.emptyCircle} key={i}>  </View>);
               //scores.push(<View style={styles.emptyCircle} key={i}> <Image source={{uri: markImage}} style={styles.markImage}/> </View>);
            }
            else{   
                scores.push(<View style={styles.emptyCircle} key={i}> <View style={styles.punchCircle}></View> </View>);
            }
            }
        else
        {
            scores.push(<View style={styles.emptyCircle} key={i}>  </View>);
        }

    }
    return(scores);
    }

}

这将使'RawText“”必须包含在显式组件中。'

但是如果使用

 scores.push(<Text style={styles.emptyCircle} key={i}>  </Text>);

它有效。

从ListView调用

_renderCard(item){
var cardBottom = new cardRenderer();
var childView = cardBottom.renderScore(item.balance, item.fulfill, item.markImage);
console.log(childView);
return(
<View style={styles.mainConatiner}>
  <View style={styles.leftConatiner}>
      <Image
      source={{uri: item.avatarLeft}}
      style={styles.thumbnail}
      />
  </View>

  <View style={styles.rightConatiner}>
      <View style={styles.rightUpConatiner}>
          <Text style={styles.title}>{item.title}</Text>
          <Text style={styles.title}>{item.subTitle}</Text>
          <Text style={styles.title}>{item.expires}</Text>
      </View>

      <View style={styles.rightDownConatiner}>{childView}</View>
  </View>
</View>
);

}

Answer 1

试试这个

foreach (DataRowView view in chkLBoxNames.CheckedItems)
{
  MessageBox.Show(view[chkLBoxNames.ValueMember].ToString());
}

Answer 2

在下面将其用于空视图

build/output

React-native：为什么渲染空视图组件会在文本组件运行时产生错误？

2 个答案: