[BUG]: Full-screen button not showing in android while using FlatGrid

[Bindu009]

Version

v6 (Beta)

What platforms are you having the problem on?

Android

Architecture

Old architecture

What happened?

I can not see the fullscreen button while the video is playing on Android, and I am also using FlatGrid to show the video.

Environment Info

Library version: 5.2.1
Devices: Android version 13

Reproducible sample code

<FlatGrid
                        itemDimension={140}
                        data={imagePreview.filter(item => (["video/mp4"].includes(item.type)))}
                        style={styles.gridView}
                        spacing={10}
                        renderItem={({ item, rowIndex }) => (
                            <TouchableOpacity key={item.uniqueId} onLongPress={() => this.selectAction(item)} disabled={!displaySelectionButton} activeOpacity={0.9}>
                                <View style={[styles.itemContainer, { backgroundColor: "grey" }]}>
                                    <Video
                                        source={{ uri: (imageBasePath + item.path), cache: "web" }}
                                        style={[styles.listImage, {
                                            opacity: item.selected && displaySelectionButton ? 0.5 : 1,
                                            borderWidth: displaySelectionButton ? .1 : 0,
                                            borderColor: item.selected && displaySelectionButton ? "grey" : null,

                                        }]}
                                        controls={true}
                                        ref={(ref) => {
                                            this.player = ref
                                        }}
                                    />

                                    {item.selected && displaySelectionButton &&
                                        <Icon
                                            name="check-circle"
                                            size={25}
                                            color={"white"}
                                            style={{ position: 'absolute', top: 15, left: 10 }}
                                            family="fontawesome"
                                        />
                                    }
                                </View>
                            </TouchableOpacity>
                        )}
                    />

Image sample

Reproduction

repository link

Reproduction

I can not see the fullscreen button while the video is playing on Android, and I am also using FlatGrid to show the video.

[KrzysztofMoch]

There is no enough space for those controls so it seems like you will need to create custom controls to handle it

[Bindu009]

Hi @KrzysztofMoch
Please find the screenshot below. Even though we have space, I am not getting the full-screen button.

[KrzysztofMoch]

@freeboub I guess we need to update/fix controls layout?

[seyedmostafahasani]

@KrzysztofMoch do you agree that we should change the position of the full-screen button? For instance, we could move it to the top-right. What do you think?

[KrzysztofMoch]

We cloud be this is not an issue - I think there is something wrong with (controls) layout - or maybe only for small views we should move it to top-right

[seyedmostafahasani]

@KrzysztofMoch, I agree with you. We must change the position of the full-screen button to the top-right on a small view screen.
I will do it in a new PR.