使用Mathjax React Native 0.59.9时，视图不根据内容调整大小

Question

  

我需要在React中显示数学表达式   本机应用程序，所以我正在使用react-native-mathjax v-2.2.0。如果   我可以在View上使用flex:0在Text中进行表达式，但是   当我使用MathJax渲染表达式时，内容不是   根据内容调整大小。

我正在提供有关此问题的图片：

  

现在我在这里提供我的代码：-

<View style={styles.container}>

      <View style={styles.qsNo}>
        <Text>Question {this.state.questions[this.state.currentQuestion].id} of 3</Text>
      </View>

      <View style={styles.testType}>
          <Text style={{fontWeight:'bold',fontSize:18}}>Normal Text</Text>
      </View>

      <View style={styles.question}>
        <Text>{this.state.questions[this.state.currentQuestion].text}</Text>
      </View>

        <View style={styles.testType}>
          <Text style={{fontWeight:'bold',fontSize:18}}>Mathjax Text</Text>
      </View>

        <View style={styles.question}>
          <MathJax
            html={
                this.state.questions[this.state.currentQuestion].text
              }
          />
        </View>

        <TouchableWithoutFeedback onPress={this.changequestion}>
          <View style={[styles.button,styles.makeCenter]}>
            <Text style={{ textAlign: 'center' }}>Change</Text>
          </View>
        </TouchableWithoutFeedback>

    </View>

  

样式部分：-

const styles = StyleSheet.create({
    container: {
     flex: 1,
     backgroundColor: '#F5FCFF',
     },
   testType: {
     flex:.1,
     backgroundColor:'pink',
     justifyContent: 'center',
     paddingLeft: 10
     },
   qsNo: {
     flex: .1,
     backgroundColor: 'yellow',
     justifyContent: 'center',
     paddingLeft: 10
   },
   makeCenter:{
     alignContent: 'center',
     alignItems: 'center',
     justifyContent:'center'
   },
   question:{
     flex:0,
     backgroundColor:'#c5d1e3',
     padding: 10,
   },
   button: { 
     width: 100, 
     height: 50, 
     backgroundColor: '#eb6117', 
     alignSelf: 'center', 
     marginTop: 15, 
   }

 });

  

基本上Mathjax正在渲染一个Webview，我认为这是   无法调整大小。请帮我解决。我是   真的有很大的问题。

     

谢谢。