Toast Message off screen in long lists

Hi, I'm trying to use easy-toast and it works very well. But there is one instance I have of a long flatlist. If the list is rather long, I realized that the toast message appears but it is off the screen and you have to scroll in order to see it. Not sure if I am doing something wrong. Here is the code. I have used this on an Android device.

renderHeaderList() {
return (

  <View style={{ flex: 1 }}>

    <ScrollView
      ref={(c) => { this.scroll = c; }}
    >

      <FlatList
        ref={(ref) => { this.flatListRef = ref; }}
        data={{ g_data }}
        renderItem={this.renderItem}
        keyExtractor={(item) => item.srNo}
      />

  </ScrollView>

  <Toast
    ref="toast"
    position={'top'}
    style={{ backgroundColor: 'red' }}
  />

  </View>
);

}

@RajivPilgaonkar

Getting the same issue. Any updates here ?
@RajivPilgaonkar were you able to overcome this anyway ?

We moved away from toasts so I did not follow up.

…

On Thu, Jan 19, 2023, at 11:43 PM, Anuj Raghuvanshi wrote: Getting the same issue. Any updates here ? @RajivPilgaonkar <https://github.com/RajivPilgaonkar> were you able to overcome this anyway ? — Reply to this email directly, view it on GitHub <#72 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACOQKCZTJGZFB2YJHYFZQJLWTF73BANCNFSM4HEFIC7A>. You are receiving this because you were mentioned.Message ID: ***@***.***>

i got same issue in long list

what can i do ?

I have a solution (it's 2023, so 4 years later 😂 )

Try position : fixed; like this

<Toast
    ref="toast"
    position={'top'}
    style={{ backgroundColor: 'red', position: fixed }}
  />

If didnt worked, try writing it in another View component and give position fixed to it

<View style={{position: fixed}}>
  <Toast
    ref="toast"
    position={'top'}
    style={{ backgroundColor: 'red' }}
  />
</View>

Still not working, then try calculating scroll position using JS, and give offset that value
I dont have a code snippet for that as i dont know how to calculate scroll position 😅

Navigation Menu

Repository navigation

Toast Message off screen in long lists #72

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Toast Message off screen in long lists #72

Description

Activity

anujraghuvanshi commented on Jan 19, 2023

RajivPilgaonkar commented on Jan 20, 2023

Tchaikovsky1114 commented on Jan 27, 2023

shayan1234554321 commented on Mar 26, 2023

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions