You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.3 KiB
40 lines
1.3 KiB
import React, { useState } from 'react'
|
|
import { Button, TextInput, Text, View } from 'react-native'
|
|
|
|
export default function Scroll(props) {
|
|
const [wheelIndex, setWheelIndex] = useState("0")
|
|
const [scrollTimes, setScrollTimes] = useState("1")
|
|
|
|
return (
|
|
<View>
|
|
<View style={{ flexDirection: "row" }}>
|
|
<Text>Wheel index</Text>
|
|
<TextInput
|
|
testID="wheelIndex"
|
|
style={style}
|
|
onChangeText={setWheelIndex}
|
|
value={wheelIndex}
|
|
/>
|
|
<Text>Scroll times</Text>
|
|
<TextInput
|
|
testID="scrollTimes"
|
|
style={style}
|
|
onChangeText={setScrollTimes}
|
|
value={scrollTimes}
|
|
/>
|
|
</View>
|
|
<Button
|
|
testID={"doScroll"}
|
|
title={`Scroll`}
|
|
onPress={() => props.scroll({ wheelIndex: Number.parseInt(wheelIndex), scrollTimes: Number.parseInt(scrollTimes) })}
|
|
/>
|
|
<Button
|
|
testID={"reset"}
|
|
title={`Reset`}
|
|
onPress={props.reset}
|
|
/>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
const style = { height: 40, borderColor: 'gray', borderWidth: 1 }
|