الصور لا تعمل بداخل الـ condition في React Native

السبب في هذه المشكلة هو التنسيقات الخاصة بالصورة، حيث أنه لم يتم تحديد أبعادها.

يمكنك إضافة الخاصية style للمكون Image و تقوم بتحديد الطول و العرض الذي تريده للصورة و ستعمل بشكل صحيح:

الأكواد بعد التعديل:

import * as React from 'react';
import { Text, View, StyleSheet, Button, Image } from 'react-native';

class App extends React.Component {
  constructor() {
    super();

    this.state = {
      completed: false
    };

    this.handleCompleteAction = this.handleCompleteAction.bind(this);
  }

  handleCompleteAction(e) {
    this.setState({ completed: true });
  }

  render() {
    const completed = this.state.completed;
    return (
      <View>
        {
          completed
            ? <Image 
          			style={{ width: "100px", height: "200px" }} 
      				source={{ uri:"https://source.unsplash.com/512x512" }} 
      		 />
            : <Text>اضغط على استمرار</Text>
        }
        <Button
          onPress={this.handleCompleteAction}
          title="استمرار" />
      </View>
    );
  }
}

export default App;