小编Woo*_*iem的帖子

在Chrome中调试我的React Native应用程序时,我经常无法在"源"选项卡中设置断点.当我单击一行代码添加断点时,会将断点添加到模块中的下一个函数声明行.

这不会发生在我的所有源模块中,但通常足以阻止我有效地调试.

我目前正在使用RN 0.22,但这也发生在较旧版本的RN上(例如RN 0.18).

我正在尝试创建一个如下所示的项目符号列表：

但是我最终却得到了这个：

React-native似乎不喜欢我使用嵌套的flex框。但是我不确定如何表达所有3行元素（项目符号，粗体文本和普通文本）内联显示以及在必要时换行到下一行的需要。

这是我的本机代码：

var styles = StyleSheet.create({
    textWrapper: {
        flexWrap: 'wrap',
        alignItems: 'flex-start',
        flexDirection: 'row',
    },
    textBlock: {
        flexWrap: 'wrap',
        alignItems: 'flex-start',
        flexDirection: 'row'
        position: 'absolute',
        left: 10
    },
    boldText: {
        fontWeight: 'bold',
    },
    normalText: {
    }
});

<View style={ styles.textWrapper }>
    <Text>{'\u2022'}</Text>
    <View style={ styles.textBlock }>
        <Text style={ styles.boldText }>{categoryName + ':'}</Text>
        <Text style={ styles.normalText }>{value}</Text>
    </View>
</View>