小编Jos*_* Vf的帖子

我需要一个React Native TextInput组件,只允许输入数字字符(0 - 9).我可以设置keyboardType到numeric几乎让我在那里除了周期输入().但是,这无法阻止将非数字字符粘贴到字段中.

到目前为止我所提出的是使用该OnChangeText事件来查看输入的文本.我从文本中删除任何非数字字符.然后将文本放在状态字段中.然后更新TextInput它的Value属性.下面的代码片段.

<TextInput 
  style={styles.textInput}
  keyboardType = 'numeric'
  onChangeText = {(text)=> this.onChanged(text)}
  value = {this.state.myNumber}
/> 

onTextChanged(text) {
  // code to remove non-numeric characters from text
  this.setState({myNumber: text})
}

这似乎工作,但它似乎是一个黑客.还有另一种方法吗？

我刚刚从Xcode 9更新到Xcode 10一天前,当我即将调试我的位置跟踪应用程序时,我意识到我从未收到设备位置.所以我去地图应用程序检查它是否只是我的应用程序的问题,但当我将位置调试转到任何动态位置(城市自行车骑行/城市运行/高速公路驱动器)甚至地图无法获取设备的位置(几乎总是),但是当我将它设置为静态位置(Apple)时,它可以毫无问题地工作.

地点:Apple

位置:城市自行车骑行

位置:城市奔跑

位置:高速公路大道

我是唯一一个面临这个问题的人,或者它实际上是一个Xcode/Simulator问题？

编辑:仍在Xcode 10.1上发生

我正在构建我的第一个练习应用程序，并尝试使用 createAppNavigator 将屏幕之间的导航放在一起。

但是，一旦我尝试使用，createAppNavigator我就会收到以下错误。

.

相关代码：

应用程序.js

import React from 'react';
import { Home } from './app/views/Home.js';
import { Contact } from './app/views/Contact.js';
import { createStackNavigator } from 'react-navigation';

const MyRoutes = createStackNavigator({
    HomeRT: { screen: Home },
    ContactRT: { screen: Contact },
  },
  { 
    initialRouteName: 'HomeRT' 
  }
);

export default class App extends React.Component {
  render() {
    return (
      <MyRoutes />
    );
  }
}

我真的很困惑我做错了什么。一个想法是可能 react-navigation 没有正确安装，但除了使用之外npm install --save react-navigation，我不知道我还需要做什么。

我无法在任何地方找到如何使用 React Native 在边框中写入文本（如下图所示）

我正在尝试在此登录页面中添加 SVG 作为背景图像（代码和预览如下）。但我不知道该怎么做，我只知道<img src="background.svg" class="yourCSSClass"> 但这会在我的文本上方添加 SVG，而我希望它在我的文本后面。我怎么做？我在这里发送我的反应代码和 SVG 文件

这是 App.js`

import React, { Component } from 'react';
    import './App.css';
    import NameForm from './Form';

    class App extends Component {
      render() {
        return (
          <div className="App">
            <div className="Heading">
    <h1>Welcome to the Sudistic</h1>
    <h3>A small to contribution to the programming community.</h3>
            </div>
            <div>
              <h4>Log In to your Account</h4>
            </div>
            <div>
              <NameForm />
            </div>

          </div>

        );
      }
    }

    export default App;

这是App.css

    .App {
  text-align: center;
  margin-top: 170px;
}

 h1 {
  color: …