akveo / akveo/react-native-ui-kitten

<TabView> with <Tab> not scrollable on Web using Expo.

Abierto
#1,498 4 comentarios 2 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
10.7k
Forks
962
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

## 🐛 Bug Report

I cannot scroll the content of the TabView Tabs on web using Expo. It works fine on iOS devices.

## To Reproduce

Create a Screen like that in a bare Expo project and start `expo start --web`

It does not scroll the views. Running it on mobile / simulator (iOS), it works.

```typescript

import { Layout, List, StyleService, Tab, TabView, Text } from '@ui-kitten/components';
import React from 'react';
import { ScrollView } from 'react-native';

export const TabViewScreen = ({
navigation,
}: {
navigation: any;
}): React.ReactElement => {
const [selectedIndex, setSelectedIndex] = React.useState(0);

const renderItem = (item: any) => {
return (

{Math.random().toString()}

);
};

return (

setSelectedIndex(index)}
tabBarStyle={{ height: 50 }}
style={{ flexGrow: 1 }}
// shouldLoadComponent={shouldLoadComponent}
>



























);
};

const styles = StyleService.create({
container: {
flex: 1,
flexGrow: 1,
},
});

```

## Expected behavior

It should behave like on mobile.

## Link to runnable example or repository (highly encouraged)

## UI Kitten and Eva version

| Package | Version |
| ----------- | ----------- |
| @eva-design/eva | 2.1.1 |
| @ui-kitten/components | 5.1.1 |

## Environment information

System:
OS: macOS 11.5.1
CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Binaries:
Node: 14.15.5 - /usr/local/bin/node
Yarn: 1.22.10 - ~/.npm-global/bin/yarn
npm: 6.14.11 - /usr/local/bin/npm
SDKs:
iOS SDK:
Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4
IDEs:
Android Studio: 4.2 AI-202.7660.26.42.7351085
Xcode: 12.5.1/12E507 - /usr/bin/xcodebuild
npmPackages:
react: 16.13.1 => 16.13.1
react-native: https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz => 0.63.2

"@ui-kitten/components": "^5.1.1",
"@ui-kitten/eva-icons": "^5.1.1",

```bash

```

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.