在本机反应中渲染矩阵

Question

我需要在react native中渲染一个矩阵，我做得还不错，但是应该像

                City1 City2 City3

       Country1    .    .    .
       Country2    .    .    .
       country3    .    .    .

请注意。代表react-Native中的radioButton，这与我无关。 我为渲染矩阵所做的是

    renderMatrix=()=>{
        return this.props.rowoptions && this.props.rowoptions.map((val, index1) => {
                    return (
               <View style={styles.container}>
                     {this.props.columnoptions && this.props.columnoptions.map((val, index2) => {
                        return(
                            <View style={styles.innerContainer}>
                            <View>
                                <Text>{val}</Text>
                            </View>
                            <RadioButton/>
                        </View>
                    );
                })}
            </View>
        );
    });
};

我无法正确获得样式或渲染，除非得到   所有单选按钮以相同的方式呈现，但是我看不到标签正确地出现。 请注意，第一个数组中的val和第二个数组中的val分别是城市和国家。