小编GIV*_*GIV的帖子

React Native-两个项目:一个在左边,一个在中间

我一直在努力在以下位置对齐两个项目:第一个应位于行的左侧,第二个元素应位于行的中心。

下面的代码未完全将第二个元素居中:

<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>

            <View style={{ paddingLeft: 10 }}>
                <Text style={{ fontSize: 20, color: 'red', fontWeight: '200' }}>LEFT_ELEM</Text>
            </View>
            <View style={{paddingRight: 10 }}>
            <Text>
                CENTER
            </Text>
            </View>
            {/* Empty view so that space-between works? */}
            <View
                style={{paddingRight: 10 }}>
            </View>
 </View>
Run Code Online (Sandbox Code Playgroud)

这是我最想要的结果。但是,它不能解决问题。有谁知道成功实现此目标的最佳方法?

center alignment flexbox react-native

7
推荐指数
2
解决办法
7731
查看次数

React Native-goBack()上的React Navigation rerender面板

我在我的应用程序中使用React Navigation。返回时如何刷新上一个面板上的数据?

一个实际的例子是:我目前在面板A中,导航到面板B,在其中更新面板A中显示的数据库中的数据。在更改数据库中的数据之后,我对面板A进行goBack()之后,希望面板A现在已重新呈现并保存数据库中的新数据。

我已经读到可以将自定义刷新函数作为参数传递给子类,然后在返回之前调用它,但是我认为这不是实现我想要的方法的一种好方法,因为我更新了尚未安装的组件并且会抛出一个错误。

refresh rerender react-native react-navigation

6
推荐指数
1
解决办法
5273
查看次数

React Native - Stack Navigator 检查新面板是从哪个屏幕打开的

我正在使用Stack Navigator在屏幕之间导航。我有一个信息屏幕,可以从我的应用程序中的另外两个不同屏幕访问。根据我尝试从哪个屏幕访问我的信息面板,不同的文本应该显示在它上面。如何检查当前屏幕(信息屏幕)之前的屏幕是哪个?

我试着玩this.props.navigation.state.routeName。但是,它只会返回当前面板的名称,而不是之前的。有什么办法可以检查前一个或至少得到它的名字吗?

routes native screen navigator reactjs

3
推荐指数
1
解决办法
4231
查看次数

Javascript - Firebase 函数如何获取用户 ID

我想使用 firebase-tools 在 Firebase 上定义自定义函数。有没有办法从firebase-functions获取 userId ?

在此代码示例中,是否可以获取发送请求的用户?

const functions = require('firebase-functions');

    exports.helloWorld = functions.https.onRequest((request, response) => {
     response.send("Hello from Firebase!");
    });
Run Code Online (Sandbox Code Playgroud)

我尝试使用以下代码获取它,但没有成功functions.auth.user().uid

我对 js 和 firebase 都很陌生,所以请放轻松,我正在努力学习。

javascript google-authentication firebase google-cloud-functions

3
推荐指数
1
解决办法
2824
查看次数

React Native-剪贴板中更改的侦听器

有没有一种方法可以为React Native中的剪贴板数据更改添加侦听器?基本上取决于用户是否已在剪贴板中复制了某些内容,无论是在应用程序内部还是在后台应用程序,我都想执行一些方法。

javascript clipboard listener react-native

2
推荐指数
1
解决办法
436
查看次数

当FlatList加载图像时,React Native - 活动指示器

每当我的应用程序安装时,我都设置:

constructor(props) {
    super(props);
    this.state = {
        loading: true
    };
}
Run Code Online (Sandbox Code Playgroud)

我有一个活动指示器,其动画直到loading: false:

{this.state.loading &&
    <View style={styles.loading}>
         <ActivityIndicator color="red" animating={this.state.loading} />
    </View>
}
Run Code Online (Sandbox Code Playgroud)

我尝试在FlatList的文档中搜索一个方法会告诉我是否所有项目都已渲染,所以我可以调用this.setState({loading: false});但是,我没有设法找到这样的方法.

有人知道如何在列表加载数据时显示我的活动指示器吗?

loading activity-indicator react-native

0
推荐指数
1
解决办法
5335
查看次数