Question

我目前正在开展一个反应原生项目，这需要我制作个人资料页面。我试图使用scrollview渲染图像下面的文字。这是我的代码：

// @flow

import React, { Component } from 'react';
import { Dimensions } from 'react-native';
import {
  View,
  Text,
  Image,
  TouchableOpacity,
  ScrollView,
  TouchableWithoutFeedback,
  FlatList,
} from 'react-native';

//import PictureScroller from './PictureScroller';
//import TaggButton from './TaggButton';
import styles from './styles';

//import PropTypes from 'prop-types';

type Props = {
  images: Object,
  name: String,
}

const Profile = (props: Props) => {

    return (
      <ScrollView style={styles.scrollView} contentContainerStyle={{flex:1}}>
        <Image source={props.images}/>
        <Text style={styles.name}>props.name</Text>
      </ScrollView>
      );
    }



export default Profile;

如果我应该添加其他代码，请告诉我。

Answer 1

contentContainerStyle <files> <file src="bin\Release\**\xxxxx.dll" target="lib\net451" /> </files>就是问题所在。

只需删除contentContainerStyle或将contentContainerStyle中的flex:1更改为flex:1即可。你应该能够滚动。

Answer 2

styles.scrollView的价值是多少？这应该有flex: 1。

Answer 3

或者试试这个

<View style={{flex:1}}>
 <ScrollView>
    <Image source={props.images}/>
    <Text style={styles.name}>props.name</Text>
 </ScrollView>
</View>

使用React Native的Scrollview不滚动

3 个答案: