react-native - 无法从“App.js”解析“react-native-wheel-scroll-picker”

Question

根据https://www.npmjs.com/package/react-native-wheel-scroll-picker

我做了 npm install react-native-wheel-scroll-picker --save

然后我将示例复制到我的 App.js 中......但是当我尝试运行它时出现此错误：

无法从“App.js”解析“react-native-wheel-scroll-picker”

import React, {Component} from 'react';
import ScrollPicker from 'react-native-wheel-scroll-picker';

export default class SimpleExample extends Component {

    render() {
        return(
             <ScrollPicker
                  dataSource={[
                       'a',
                       'b',
                       'c',
                       'd',
                  ]}
                  selectedIndex={1}
                  renderItem={(data, index, isSelected) => {
                      //
                  }}
                  onValueChange={(data, selectedIndex) => {
                      //
                  }}
                  wrapperHeight={180}
                  wrapperWidth={150}
                  wrapperBackground={'#FFFFFF'}
                  itemHeight={60}
                  highlightColor={'#d8d8d8'}
                  highlightBorderWidth={2}
                  activeItemColor={'#222121'}
                  itemColor={'#B4B4B4'}
                />
        )
    }
}

更新：好的新错误，首先我添加到packages.json

“react-native-wheel-scroll-picker”：“0.2.4”

然后我做了reset-cache，然后我做了npm start，然后我得到了以下错误：

标签： react-native

Answer 1

我有同样的错误。我想通了，你必须安装 npm 包：styled-components。 https://www.npmjs.com/package/styled-components

你需要这个作为滚轮

https://github.com/unlayer/react-email-editor/issues/44