question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to make header stick to screen when pressing "Type a message"

See original GitHub issue

Issue Description

Right now my chat screen looks like this:

    <View style={{flex: 1}}>
        <Header {props...} />
        <GiftedChat {props...}/>
    </View>

When I press the “Type a message” bar at the bottom and the keyboard appears, my Header disappears, how do I make it stick? I tried giving the header position: absolute, but it didn’t help and also made the header un-clickable!

Thanks!

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:13
  • Comments:14 (1 by maintainers)

github_iconTop GitHub Comments

7reactions
stale[bot]commented, Apr 6, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

2reactions
nandiniparimi1107commented, Dec 20, 2018

But what if other screens need adjust pan? I dont think its feasible to just change the manifest file

Read more comments on GitHub >

github_iconTop Results From Across the Web

Creating a Sticky Header with Anchor Links in Adobe XD
This Adobe XD tutorial will demonstrate how to create a sticky header with anchor links.
Read more >
How to create a sticky website header | Layout - Flywheel
Find the correct style so you can declare the element as sticky using position:sticky; (don't forget browser prefixes like position: -webkit- ...
Read more >
Create a Sticky Header That Responds to Scrolling - ProtoPie
From the toolbar, go to Container, and then select Scroll Container. · Scale the container Scroll by dragging one of the corners until...
Read more >
Fixed header and slide down content - Stack Overflow
I'm running into trouble with this. I have a sticky header with a text box that when clicked slides ...
Read more >
How To Create the Perfect Sticky Header for Your Site With ...
Use hidden headers and menus on small screens. By extension, you could choose to hide a menu away, much like the earlier example...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found