jd-opensource / jd-opensource/taro-ui
AtTabs添加scroll,得到警告:设置 enable-flex 属性以使 flexbox 布局生效
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 740
- PR merge metrics
- No merged PRs in 30d
Description
### Taro UI 版本信息
2.2.2
### 问题描述
给AtTabs添加scroll使其滚动,得到警告:设置 enable-flex 属性以使 flexbox 布局生效,应该是内部使用的scroll-view未作处理。
### 复现步骤
1、从https://taro-ui.aotu.io/#/docs/tabs Taro-UI文档中复制滚动标签栏代码
2、打开页面会发现警告
### 复现代码
import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'
import { AtTabs, AtTabsPane } from 'taro-ui'
export default class Index extends Taro.Component {
constructor () {
super(...arguments)
this.state = {
current: 0,
}
}
handleClick (value) {
this.setState({
current: value
})
}
render () {
const tabList = [{ title: '标签页1' }, { title: '标签页2' }, { title: '标签页3' }]
return (
标签页一的内容
标签页二的内容
标签页三的内容
标签页四的内容
标签页五的内容
标签页六的内容
)
}
}
### 报错信息
设置 enable-flex 属性以使 flexbox 布局生效
### 系统信息
👽 Taro v1.3.18
Taro CLI 1.3.18 environment info:
System:
OS: macOS High Sierra 10.13.6
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.15.3 - ~/.nvm/versions/node/v10.15.3/bin/node
Yarn: 1.16.0 - /usr/local/bin/yarn
npm: 6.9.0 - ~/.nvm/versions/node/v10.15.3/bin/npm
npmPackages:
@tarojs/async-await: 1.3.18 => 1.3.18
@tarojs/components: 1.3.18 => 1.3.18
@tarojs/plugin-babel: 1.3.18 => 1.3.18
@tarojs/plugin-csso: 1.3.18 => 1.3.18
@tarojs/plugin-less: 1.3.18 => 1.3.18
@tarojs/plugin-sass: ^1.3.18 => 1.3.18
@tarojs/plugin-uglifyjs: 1.3.18 => 1.3.18
@tarojs/redux: 1.3.18 => 1.3.18
@tarojs/redux-h5: 1.3.18 => 1.3.18
@tarojs/router: 1.3.18 => 1.3.18
@tarojs/taro: 1.3.18 => 1.3.18
@tarojs/taro-alipay: 1.3.18 => 1.3.18
@tarojs/taro-h5: 1.3.18 => 1.3.18
@tarojs/taro-swan: 1.3.18 => 1.3.18
@tarojs/taro-tt: 1.3.18 => 1.3.18
@tarojs/taro-weapp: 1.3.18 => 1.3.18
@tarojs/webpack-runner: 1.3.18 => 1.3.18
eslint-config-taro: 1.3.18 => 1.3.18
eslint-plugin-taro: 1.3.18 => 1.3.18
nerv-devtools: ^1.4.0 => 1.4.4
nervjs: ^1.4.0 => 1.4.4
stylelint-config-taro-rn: 1.3.18 => 1.3.18
stylelint-taro-rn: 1.3.18 => 1.3.18
### 补充信息
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
Contributor guide
Assessment
This issue has not been assessed yet.