Question

我想在移动应用中使用React Bootstrap。

但是当我写的时候：

import React, { Component } from 'react'
import {
    StyleSheet,
    Text,
    View,
} from 'react-native'
import Form from 'react-bootstrap/Form';

export default class Register extends Component {
    render() {
        return (
            <View style={styles.main_container}>
                <Form.Control type="email" placeholder="Enter email" />
                ...

我遇到此错误：

永久违反：未找到视图配置名称输入。使sur用大写字母开头。

对于Form.Label组件（我认为对于所有组件React Bootstrap）来说，这都是相同的问题

Answer 1

React Bootstrap在react native中不起作用。您可以使用可用于react native的开源工具包像

等

Answer 2

检查这些UI库以进行React本机开发，React-bootstrap专用于Reactjs Web开发而不是移动开发：

awesome-reactnative-ui

Answer 3

类似的意图使我创建了这个软件包： https://github.com/andrenerd/react-native-bootstrap-styles

它会生成类似Bootstrap的样式，可以非常简单地使用它：

import BootstrapStyleSheet from 'react-native-bootstrap-styles';

const bootstrapStyleSheet = new BootstrapStyleSheet();
const {styles: s, constants: c} = bootstrapStyleSheet;

class Hello extends Component {
  render() {
    return (
      <View style={[s.container, s.h100, s.justifyContentCenter]}>
        <Text style={[s.text, s.textPrimary, s.myXs1]}>Hello world!</Text>
      </View>
    );
  }
}

Answer 4

您必须尝试按以下方式导入每个引导程序组件，希望对您有所帮助。

import {FormControl, FormGroup, ControlLabel, HelpBlock, Checkbox, Radio, Button} from 'react-bootstrap';

无法在React Native应用程序中导入React Bootstrap组件

4 个答案: