Comments (3)
If you want to change the screen depending on the active tab, use a library like react-navigation. Please refer to the doc: https://timomeh.gitbook.io/material-bottom-navigation/usage#changing-your-screen
You didn't fill out the issue template (the prefilled text if you open an issue), so I have to guess what your issue is really about. I'm going to close this issue because of that. If you submit a new issue, fill out the issue template.
from react-native-material-bottom-navigation.
I want it all on one screen while having different content on each tab. For the first tab, it will have Text and on the next tab it will have maybe an Image. Do I put it in between the Tab Components or is there a property for Tab I can use?
from react-native-material-bottom-navigation.
Since renderTab
is a render prop, you can use a custom Tab – any custom component you'd like. Check out IconTab
for an example.
from react-native-material-bottom-navigation.
Related Issues (20)
- Some Tabs icon and label disappear when tab array is more than 8 HOT 3
- BottomNavbar appearing when keyboard is activated
- Bottom navigation stuck at the top HOT 4
- ontabPress doesn't work...maybe becuzof createMaterialTopTabNavigator HOT 1
- ontabPress doesn't work...maybe becuzof createMaterialTopTabNavigator HOT 1
- label goes out of the screen
- numberOfLines HOT 1
- numberOfLines not working HOT 1
- 5th item goes out of screen HOT 7
- Is it possible to run function in opened tab from App.js HOT 1
- Facing issue in running basic example - Already tried existing solutions HOT 9
- Bottom Navigation Tabs re-render issue on switching between tabs HOT 2
- How to change the tab background color while it is in active state HOT 2
- Bottom navigation zIndex HOT 1
- The navigation prop is missing for this navigator. In react-navigation v3 and v4 you must set up your app container directly. HOT 1
- Set Badge for more than one icon in the bottom bar HOT 1
- touch effect bug HOT 2
- Check the render method of `App`. See https://reactjs.org/link/warning-keys for more information. HOT 1
- this.handleDimensionChange.removeListener is undefined
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-material-bottom-navigation.