react-native ScrollView的简单应用_react-native scrollview简单例子-优快云博客

本文通过 React Native 框架实现了一个简单的数学选择题应用案例，该案例涉及正负数的概念，具体探讨了海水变化的问题。文章通过定义组件的方式展示了如何在移动端展示题目并进行选项呈现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View, ScrollView, Dimensions,} from 'react-native';import QuestionItem from './QuestionItem';var questionData = { title:"1.根据我们所学的正、负数的知识，请回答：海水涨了-4cm的意义（）", select1:"（A）海水涨了4cm", select2:"（B）海水下降了4cm", select3:"（C）海水水位没有变化", select4:"（D）海水上涨或下降的数字是个相对值，因此不存在负数的说法",}class Question extends Component { constructor(props) { super(props); this.state = {dataArray: []}; this.fetchData(); } render() { return ( { this.state.dataArray.map((item, i) => this.renderQuestionItem(item, i)) } ); } renderQuestionItem(item, i) { return } fetchData() { for (let i = 0;i < 10;i++) { this.state.dataArray.push(questionData); } }}const styles = StyleSheet.create({ scrollView: { flex: 1, backgroundColor: '#F5FCFF', width:Dimensions.get('window').width, margin:5, },});AppRegistry.registerComponent('Hello', () => Question);