React native 边界半径未应用于平面列表

我有一个平面列表，每当有人在TextInput中输入文本时就会显示出来。我面临的问题是borderRadius应用在iOS上，而不是Android上。明白我的意思了吧。屏幕截图来自运行API 28的谷歌像素模拟器

我正在运行基于React Native 0.59.8的Expo 33

我尝试了以下方法：

将borderRadius={6}设置为平面列表中的参数，而不是样式中的参数，例如。 在视图中封闭平面列表，并对视图应用style={{borderRadius:6，overflow:'hidden'}} 将style={{borderRadius:6，overflow:'hidden'}}设置为包含平面列表和其他UI元素的my ImageBackground 将borderBottomLeftRadius、borderBottomRightRadius、borderTopLeftRadius和borderTopRightRadius设置为6。 不用说，这两种解决方案都没有解决我的问题

这是我的平面列表，它位于图像背景中：

<ImageBackground style={styles.bkgImage} source={require('../assets    /homepage_background.jpg')}>
        <Text style={styles.header}>{i18n.t('appName')}</Text>
        <Text style={styles.descText}>{i18n.t('homepage.header1')}{'\n'}{i18n.t('homepage.header2')}</Text>
        <TextInput 
            style={styles.jobTextInput}
            value={this.state.jobInputValue}
            placeholder={i18n.t('homepage.jobInput')}
            onChangeText={(jobInputValue) => this.setState({jobInputValue}, this.checkJobsDropdown(jobInputValue))}/>
                <FlatList
                data={this.state.jobsList}
                style={this.state.showJobsDropdown ? styles.jobsDropdownStyle : styles.dropdownHiddenStyle}
                renderItem={({ item }) => (
                    <ListItem
                        title={item}
                        containerStyle={{paddingBottom: -4}}
                        titleProps={{style:styles.dropdownItemStyle}}
                        onPress={() => this.setState({jobInputValue: item}, this.hideJobsDropdown())}
                    />
                )}
                keyExtractor={item => item}
                />

我希望在Android平台上，平面列表的各个角落都会变得更加圆整。然而，事实并非如此

---

任何帮助都将不胜感激

重新创建了这个结构，对我来说，它的边界半径很好 小吃链接：

---

最后，我将contentContainerStyle={{borderRadius:6，overflow:'hidden'}}添加到平面列表中，从而使它能够工作

在背景图像包装中添加了平面列表，并使用borderRadius使其工作正常。下面是一个工作示例@Pramod I在访问snack-Device时出错：101:391不变冲突：必须在组件中呈现文本字符串。我试图修改零食，但错误并没有消失。你能检查一下快餐吗？谢谢你的编辑！通过在平面列表上设置contentContainerStyle={{borderRadius:6，overflow:'hidden'}}，我最终成功地实现了它。

jobsDropdownStyle: {
    width: 300,
    height: 140,
    ...Platform.select({
        ios: {
          marginTop: 240
        },
        android: {
            marginTop: 250
        }
      }),
    borderRadius: 6,
    zIndex: 1,
    position:'absolute'
}

<View style={styles.container}>
        <ImageBackground source={{uri: 'https://artofislamicpattern.com/wp-content/uploads/2012/10/3.jpg'}} style={{width: '100%', height: '100%',opacity:0.8, alignItems:'center', justifyContent:'center'}}>
          <FlatList
            data={[{key: 'a', value: 'Australia'}, {key: 'b', value:'Canada'}]}
            extraData={this.state}
            keyExtractor={this._keyExtractor}
            renderItem={this._renderItem}
            style={{backgroundColor:'white', width:'90%', borderRadius:10, margin:10, marginBottom:10, paddingTop:10, paddingBottom:10, paddingLeft:10, position:'absolute', zIndex: 1}}
          />
        </ImageBackground>
      </View>