react-native - 评级不选择超过 3 星 - React Native Elements - 评级）

Question

我正在使用 react-native-elements 组件中的 Rating Element。我注意到我不能为我的评分选择多于/少于 3 星，我不明白为什么。这是我的代码：

<Modal animationType={"slide"} transparent={false}
                visible={this.state.showModal}
                onDismiss={() => this.openModal()}
                onRequestClose={() => this.openModal()}>
                <View style={styles.modal}>
                    <Text style={styles.modalTitle}>Rating</Text>
                    <Rating
                        showRating
                        type="star"
                        imageSize={30}
                        onFinishRating={this.ratingCompleted}
                        style={{ paddingVertical: 10 }}
                    />

                    <View style={styles.btnView}>
                        <Button
                            onPress={() => { this.handleFormSubmit() }}
                            color="#512DA8"
                            title="Submit"
                            style={styles.formBtn}
                        />
                        <Button
                            onPress={() => { this.openModal(); 
       this.resetForm(); }}
                            color="gray"
                            title="Cancel"
                        />
                    </View>
                </View>
            </Modal>

我究竟做错了什么？

标签： react-nativerating

Answer 1

我建议使用AirbnbRating而不是Rating，因为它对我有用。

示例代码：

import {AirbnbRating } from 'react-native-elements';

<AirbnbRating
  count={11}
  reviews={["Terrible", "Bad", "Meh", "OK", "Good", "Hmm...", "Very Good", "Wow", "Amazing", "Unbelievable", "Jesus"]}
  defaultRating={11}
  size={20}
onFinishRating={rating => console.log(rating)}
/>