小编chu*_*chu的帖子

我正在使用从本机库导入的 ListItem。ListItem 是红色的，它的子 View 是黄色的。正如您从屏幕截图中看到的，尽管具有 Flex，View 样式并不占据 ListItem 的整个宽度： 1. 如何才能使 View 占据 ListItem 的整个宽度？

请参阅此处的图片

 <List>
<ListItem style={[styles.listitem, { backgroundColor: "red" }]}>
    <View
        style={{
            flex: 1,
            flexDirection: "column",
            backgroundColor: "yellow"
        }}
    >
        <Text style={styles.timeInfoHeader}>{this.props.totalUsage}</Text>
        <Text style={styles.timeInfoSubHeader}>Total (hrs)</Text>
    </View>
</ListItem>
</List>;

样式表：

  timeInfoHeader: {
    fontSize: 40,
    color: 'rgba(45, 145, 176, 100)',
    textAlign: 'center'
  },

  timeInfoSubHeader: {
    fontSize: 12,
    color: 'rgba(209, 209, 209, 100)',
    paddingBottom: 4,
    marginBottom: 4,
    textAlign: 'center'
  },

  listitem: {
    width: '100%',
    marginLeft: 0
  },  

我刚刚安装了DataStax DevCenter。但是，在加载时，将弹出“自动更新和使用情况”页面。但是，“确定”按钮被禁用并且不可单击。因此，我无法通过应用程序的启动加载。我该如何绕过呢？

点击此处获取屏幕截图

这是我所拥有的，但不起作用。

import moment from 'moment'
import 'moment/min/moment-with-locales'
import 'moment-duration-format' // used by moment

componentDidMount () {
  console.log(moment.locale())
  console.log(moment.locale('zh-cn')) 
  console.log(moment.locale()) 
}

控制台日志输出：en，en，en

预期的控制台日志输出：en，zh-cn，zh-cn

当我尝试将导入时间从“ moment”更改为导入时间，从“ moment / min / moment-with-locales”导入时，却在此行上引发了错误：

const total = moment.duration(this.props.stoveUsage.total, 'seconds').format('H:mm', { trim: false }) 

错误：momentWithLocales2.default.duration（...）。format不是函数