圆盘转动按钮-react native

针对于圆盘转动类的自定义按钮需求,写了一个组件,封装成了自定义组件。地址在https://github.com/ltyx55mlb/react-native-turntable

如下是使用代码实例

iosandroid

import {Turntable} from 'react-native-turntable'
 
export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Turntable
          radius={200}
          distance={75}
          enableUserRotate
          turntableRotate={30}
          handlerOfRotate={()=>alert('触发')}
          customStyle={{ backgroundColor: '#E14C46' }}
        >
          <TouchableOpacity>
            <Text>1</Text>
          </TouchableOpacity>
          <TouchableOpacity>
            <Text>2</Text>
          </TouchableOpacity>
          <TouchableOpacity>
            <Text>3</Text>
          </TouchableOpacity>
          <TouchableOpacity>
            <Text>4</Text>
          </TouchableOpacity>
          <TouchableOpacity>
            <Text>5</Text>
          </TouchableOpacity>
          <TouchableOpacity>
            <Text>6</Text>
          </TouchableOpacity>
        </Turntable>
      </View>
    );
  }
}

 

posted @ 2017-11-23 13:36  进击的小新人  阅读(929)  评论(0编辑  收藏  举报