我正在使用React-native创建一个应用程序，但我遇到了一个问题。在屏幕的底部和顶部有一个带。我认为“ScreenBase”元素是这个错误的原因，但我不能删除它，因为它非常重要。
Here is a screenshot of my application. You can see the band at the top and at the bottom.
这里的代码我的屏幕：

return(
        <ScreenBase style={styles.container}>
            <ScrollView>
                <View style={styles.field}>
                    <Text style={styles.fieldName}>{t('contact')} : </Text>
                    <Text style={styles.fieldValue}>{inventory.contact}</Text>
                </View>
                {isModified && <View style={styles.field}>
                    <Button
                        title={t('uploadToServer')}
                        buttonStyle={[styles.syncBtn]}
                        containerStyle={styles.syncBtnContainer}
                        titleStyle={{ color: styles.syncBtn.color }}
                        onPress={syncSelfToServer}
                        icon={
                            {
                                name:'cloud-upload',
                                type:'font-awesome',
                                color:styles.syncBtn.color,
                                style: {paddingLeft: 5}
                            }
                        }
                        iconRight={true}
                    />
                </View>}
                <View style={styles.field}>
                    <Text style={styles.fieldName}>{t('lotsPlural')} : </Text>
                    <View style={styles.pictureList}>
                        {/* <TouchableOpacity
                            style={styles.pictureBtn}
                            onPress={() => navigation.navigate('LotForm', {pId: inventory.id})}
                        >
                            <Icon
                                name='plus'
                                type='font-awesome'
                                color={styles.pictureBtn.color}
                                style={styles.icon}
                                size={100}
                            />                
                            <Text style={styles.pictureTitle}>{t('addLot')}</Text>
                        </TouchableOpacity> */}

                        {displayedLots}
                    </View>
                </View>
            </ScrollView>

            {/* BUTTON TO ADD A LOT */}
            <TouchableOpacity style={[styles.button, styles.addLotBtn]} onPress={() => navigation.navigate('LotForm', {pId: inventory.id})}>
                <Icon
                        name='plus'
                        type='font-awesome'
                        color={styles.iconAdd.color}
                        style={styles.iconAdd}
                        size={styles.iconAdd.fontSize}
                />
            </TouchableOpacity>
                    
        </ScreenBase>
    )

你有办法解决我的问题吗？
谢谢你！
我试图删除ScreenBase元素。它工作，但这是一个坏的做法，因为这个元素非常重要。