sách gpt4 ai đã đi

javascript - 查看 'SeekBar'的render方法

In lại 作者:行者123 更新时间:2023-11-28 00:57:14 36 4
mua khóa gpt4 Nike

invariant violation element type is invalid: expected a string (for built-in components) or a class/function but got: object 

查看SeekBar的render方法 Screenshot of my error

我不知道我的 SeekBar 代码的对象错误是什么。感谢您的帮助。

var Slider = require('react-native-slider');

function pad(n, width, z=0) {
n = n + '';
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

const minutesAndSeconds = (position) => ([
pad(Math.floor(position / 60), 2),
pad(position % 60, 2),
]);

const SeekBar = ({
trackLength,
currentPosition,
onSeek,
onSlidingStart,
})=> {
const elapsed = minutesAndSeconds(currentPosition);
const remaining = minutesAndSeconds(trackLength - currentPosition);
trở lại (



{elapsed[0] + ":" + elapsed[1]}



{trackLength > 1 && "-" + remaining[0] + ":" + remaining[1]}


<>
maximumValue={Math.max(trackLength, 1, currentPosition + 1)}
onSlidingStart={onSlidingStart}
onSlidingComplete={onSeek}
value={currentPosition}
style={styles.slider}
minimumTrackTintColor='#fff'
maximumTrackTintColor='rgba(255, 255, 255, 0.14)'
thumbStyle={styles.thumb}
trackStyle={styles.track}/>

);
};

export default SeekBar;

这是我的样式表代码:

const styles = StyleSheet.create({
slider: {
marginTop: -12,
},
container: {
paddingLeft: 16,
paddingRight: 16,
paddingTop: 16,
},
track: {
height: 2,
borderRadius: 1,
},
thumb: {
width: 10,
height: 10,
borderRadius: 5,
backgroundColor: 'white',
},
text: {
color: 'rgba(255, 255, 255, 0.72)',
fontSize: 12,
textAlign:'center',
}
});

1 Câu trả lời

您是否尝试像 import { Slider } from "react-native-slider" 那样导入 Slider?

或者只是从“react-native-slider”导入 slider ?

关于javascript - 查看 'SeekBar'的render方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52888841/

36 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com