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.

Put image instead of title

See original GitHub issue

How to put image instead of title ?

var img = { render() { return <Image source={require('../images/logo.png')} />; } };

<NavigationBar title={img} statusBar={statusBar} style={styles.navbarContainer} />

Failed prop type: Invalid prop title

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
Kureevcommented, Nov 6, 2017

👋 @Luckygirlllll!

Sure, you can pass ReactElement to title property of react-native-navbar:

<Navbar title={<Image source={...}} />
0reactions
Luckygirlllllcommented, Dec 6, 2017

@Kureev Is that possible to add text and image for the title?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Add Image in the Title Bar - W3docs
The first way of adding favicons. The image must be square dimensioned in any image format (ico, jpg, bmp, gif, png) to appear...
Read more >
Add image in title bar [duplicate] - html - Stack Overflow
This question is how to put an image in the title tag, which is a bit different than "how do I create a...
Read more >
How to add icon logo in title bar using HTML ? - GeeksforGeeks
Most of the websites adds icon or image logo in the title bar. The icon logo is also called as favicon. Adding favicons...
Read more >
How To Add An Image To a Title Bar - C# Corner
How To Add An Image To a Title Bar ; Step 1: Create an ASP.NET empty website named "ImageInTitle". ; Step 2 :...
Read more >
Image instead of Title - Mobirise Forums
I would do it like this: 1. Add a new block that contains an image to the page you're editing. For example add...
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