2017-12-06 20 views
0

私は現在、プロファイルページを作成する必要がある反応するネイティブプロジェクトに取り組んでいます。スクロールビューを使用して、その下の単語でイメージをレンダリングしようとしています。ここに私のコードです:React Nativeの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; 

私は追加コードを含める必要がある場合は教えてください。

+0

試してみてください '<画像スタイル=を{{幅:1000、高さ:500}} />'。あなたはそれがスクロール表示されます – Val

+0

@Valはまだスクロールしていない、他の感謝のおかげで? –

答えて

0

contentContainerStyle flex:1が問題です。

contentContainerStyleを削除するか、contentContainerStyleのflex:1flexGrow:1に変更してください。スクロールできるはずです。

0

styles.scrollViewの値は何ですか?これにはflex: 1が必要です。

+0

フレックス:1およびbackgroundColor: '白' –

0

か、他にはこの

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

これを実装しようとしましたが、すばやくスクロールしますが、すぐに通常のページにスナップし、再びスクロールしません。 –

関連する問題