react-native - React Native：动态样式类变量

Question

我面临将样式变量动态传递给字段的问题。这是我的代码：

for(let i=-2;i<4;++i) {
    var classname = (i==0) ? 'styles.selected' : '';
    dates.push(
    <Text style={classname}>{Moment(currentDate).format('ddd')}{"\n"}{Moment(currentDate).format('DD')}</Text>
    );
} 

这个想法很简单。我希望第一个文本字段属于 styles.selected 类，所有其他文本字段都没有任何类。我怎样才能做到这一点？

标签： react-native

Answer 1

在 React Native 中，样式是对象，而不是字符串，所以你必须像下面这样

for(let i=-2;i<4;++i) {
    var classname = (i==0) ? styles.selected : {};
    dates.push(
    <Text style={classname}>{Moment(currentDate).format('ddd')}{"\n"}{Moment(currentDate).format('DD')}</Text>
    );
} 

您可以使用空对象或 null 作为 else 部分。