Не могу отобразить кнопку в моем представлении - PullRequest
Новая
       15

Не могу отобразить кнопку в моем представлении

0 голосов
/ 31 мая 2018

Мне не удается отобразить мою кнопку под ScrollView.В чем может быть проблема? 

return (
    <View style={{width: width, height: undefined}}>
        <ScrollView style={{width: width, height: undefined}}>
            <View style={{flexDirection: 'row', width: width, flexWrap: 'wrap'}}>
                {
                    this.state.photos.map((p, i) => {
                        return (
                            <SelectedPhoto
                                key={i}
                                index={i}
                                style={{
                                    width: photoWidth,
                                    height: photoWidth,
                                }}
                                limit={this.state.supportLength}
                                photo={p}
                                onSelectPhoto={this.onSelectPhoto}
                                onDeselectPhoto={this.onDeselectPhoto}
                            />
                        );
                    })
                }
            </View>
        </ScrollView>
        <View style={{margin: 20, marginBottom: 40}}>
            <Button
                raised
                onPress={this.onNext}  
                containerViewStyle={{width: width-80}}
                backgroundColor={Colors.red}
                title='NEXT' />
        </View>             
   </View>

1 Ответ

0 голосов
/ 31 мая 2018

Вот пример, как вы сказали: 

import React, { Component } from 'react';
import {
  Text, View, StyleSheet, TouchableOpacity, ScrollView, Button
} from 'react-native';
import Dimensions from 'Dimensions';

const DeviceWidth = Dimensions.get('window').width;
const DeviceHeight = Dimensions.get('window').height;

export default class Visit extends React.Component {
  render() {
    return (
      <View>
        <ScrollView style={{width:DeviceWidth*1, height:DeviceHeight*0.5}}>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
          <Text>foo bar baz</Text>
        </ScrollView>
        <Button
        title="asdasd"
        />
      </View>
    );
  }
}

Я использую Dimensions для обработки размера экрана, поэтому width:DeviceWidth*1 означает ширину 100%, а height:DeviceHeight*0.5 означает 50% height экрана height

...