Questions tagged [bottomtabs]
16 questions
7
votes
1 answer
I am using bottom-tabs with a plus button But Plus button is not clickable in half of the area in react native in android Only?
I am using @react-navigation/bottom-tabs in the react native. And i need Plus button above the area, So i am able to achieve it, but in the Android Above half area of the Plus icon is not clickable in android.But in IOS it is working fine anybody…
Rover
- 661
- 2
- 18
- 39
4
votes
1 answer
React Native Tab Navigator: empty space at bottom of tab bar
I'm using react-navigation@4.0.10 and react-native@0.63.5 in my React Native app, and when I use createBottomTabNavigator, there's a gap underneath the tab labels on iPhone 11 Pro. It does not do the same on iPhone 12. My code for the…
gkeenley
- 6,088
- 8
- 54
- 129
3
votes
0 answers
How i can do multiple webview with bottom tab bar in Flutter?
I'm new in Flutter and mobile app programming. I am started with a webview application. But i have a problem. I seen multiple webview does not working Android app. Only first webview loaded. When change tab webview not changed. I need to each tab…
ubicak
- 49
- 3
2
votes
2 answers
How to add shadow in @react-navigation/bottom-tabs?
i am trying to apply shadow on react-native bottom tab but i am unable to do that,
how can we add shadow on react native bottom tab?
my tab bar style.
tabBarOptions={{
style: {
// flex:1,
position: 'absolute',
…
Ajay Batham
- 210
- 1
- 4
- 14
1
vote
0 answers
Render icon for bottom navigator error, but got: number
Why does this error appear? whereas in the previous version of react native it worked 0.66.4, API 29 with openjdk8. I don't know, I've tried using the previous version but a rendering error appears.
Error: Element type is invalid: expected a string…
Google User
- 11
- 2
1
vote
0 answers
How to play a Lottie animation only once in LottieView in material-bottom-tabs
I am making an app i have made a bottom navigation bar.I have used material-bottom-tabs.
I added Lottie animation But when i click on tab the tab animate.it animates contentiously.
Here is the code
const Tab =…
Akrash Nadeem
- 96
- 2
- 11
0
votes
1 answer
React Native JavaScript another screen is visible on top of the current screen
Any help will be appreciated.
I am using Expo React-Native with JavaScript and I have tried to create a bottom-button-bar for my app, but it causes my desired screen to present on top of my Home screen like that:
In this picture, the Orders screen…
EdenMar
- 103
- 9
0
votes
0 answers
How to Customize React-Navigation Bottom tabs
So I am currently struggling with customizing my navigation. Everything is working fine and the active and inactive states are perfect, however, I want to:
change the background color,
make it float
add a border-radius.
I just want to know how to…
Alexa Pettitt
- 123
- 1
- 2
- 7
0
votes
2 answers
React-native bottomtab navigation icons not showing
This is my App.js. I'm trying to add bottom tabs for my app.
`
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import Home from './components/Home';
import Details from './components/Details';
import Liked from…
Vimukthi Bandaragoda
- 31
- 4
0
votes
1 answer
React Navigation: How to pass a prop to a screen in a nested navigator?
In my React Native app I have the following TabNavigator nested inside an AppNavigator:
const TabNavigator = () => (
);
export const AppNavigator = () => {
const…
gkeenley
- 6,088
- 8
- 54
- 129
0
votes
1 answer
how to add margin or space without disturbing bottom tabs on react native?
I am using react navigation bottom tabs and I customized them.
one problem I have is that, I have a flatlist which is hidden the edge of the list because of the bottom tabs.
I tried to add margin bottom but, since I have rounded tabs it blocks…
yechu
- 25
- 5
0
votes
2 answers
Bottom tab navigator (PersistentTabView)- Rebuild the screen when user tabs the menu
I am currently using persistent_bottom_nav_bar: ^4.0.2 in my project app and here is the part of the code:
PersistentTabView(
context,
onItemSelected: (index) {
mainState.value = MainTabModel(
…
wahyu
- 1,679
- 5
- 35
- 73
0
votes
1 answer
correctly set params in expo bottomtabs
Having a hard time understanding this newest expo bottom tabs
I dont see an initital params on the node_module for the bottomtabs or any params property... has anyone done this? essentially we have component for two bottom tabs and a different…
Jamie Garcia
- 262
- 1
- 14
0
votes
1 answer
Can we make scrollable bottom tabbed page in xamarin.forms
I am having four tabs on the bottom, the problem is, the last tab title is not completely visible, I am thinking by setting tab mode to scrollable it would set, Even after I set the tabmode to scrollable the problem exists.
can someone help me to…
sahithi
- 1,039
- 2
- 14
- 37
0
votes
1 answer
React Navigation Bottom Tabs occupying the whole screen in React Native Web
I'm trying to use React-Navigation bottom tabs in React-Native-Web, the result is the expected in the device:
result in device
But in the web it gets like this:
result in the browser
If I inspect the page I can find the elements of main in…
Sérgio Neto
- 5
- 2