小编Plu*_*lum的帖子

exports.sendWelcomeEmail = functions.auth.user().onCreate((user) => {
  console.log(user.uid);
  console.log(user.email);
  console.log(user.displayName);
});

exports.getUserInfo = functions.https.onCall(async (data, context) => {
  // get array of user IDs and returns information (from Users collection)
  const userIDs = data.userIDs;
  const result = [];
  const querySnapData = await admin.firestore().collection("Users").get();
  querySnapData.forEach((ele) => {
    if (userIDs.indexOf(ele.id) !== -1 && ele.id !== context.auth.uid) {
      result.push(ele.data());
    }
  });
  return { res: result };
});

我的项目中有这两个函数 - 一个是可调用函数，另一个是身份验证触发函数。

所以在我的客户端应用程序中，我运行

firebase.functions().useFunctionsEmulator('http://localhost:5001');

let getUserInfo = functions.httpsCallable('getUserInfo');
getUserInfo({userIDs: data}).then(res => doSomething);

并在本地运行云功能

firebase emulators:start

但它说

functions[sendWelcomeEmail]: …

我有一个 javascript 数组，我想从中提取前 10 个项目。可以为此使用 map 方法吗？

我试过的代码如下：

data.map((item, i) => {
  placeIDs.push(item.place_id);
});

此代码块返回 20 个 place_ids，但我只想拥有 10 个。

所以我在 map 方法中尝试了break，它说SyntaxError: Illegal break statement。

这里的数据是来自google place api的json结果，它返回20个结果。

一个结果

{
    "geometry": {
      "location": {
        "lat": 61.2180556,
        "lng": -149.9002778
      },
      "viewport": {
        "northeast": {
          "lat": 61.48393789999999,
          "lng": -148.4600069
        },
        "southwest": {
          "lat": 60.733791,
          "lng": -150.4206149
        }
      }
    },
    "icon": "https://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png",
    "id": "2edc2d446c844a7a55a2ccbe4a2dfda60a5a0264",
    "name": "Anchorage",
    "photos": [
      {
        "height": 1152,
        "html_attributions": [
          "<a href=\"https://maps.google.com/maps/contrib/102061280252416580615\">Efren Norstein</a>" …

首先，我不确定写为Bottom Bar是否正确。

无论如何，我要在底部放置一个按钮，但由于手机的原因，它无法按预期工作。

第一个是 iPhone 11，第二个是 iPhone 8。

因为我想要与底部有一些间隙，所以第一张图片看起来不错。这就是我想要的，但第二张图片不是。（注意：我正在使用 SafeAreaView）

我已附上该组件的代码。（黄色按钮）

import React, {memo} from 'react';
import {TouchableOpacity, Image, StyleSheet} from 'react-native';

const NextButton = ({goNext, ...props}) => (
  <TouchableOpacity onPress={goNext} style={[styles.container, props]}>
    <Image style={styles.image} source={require('../assets/arrow_next.png')} />
  </TouchableOpacity>
);

const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    bottom: 0,
    right: 0,
  },
  image: {
    width: 48,
    height: 48,
    backgroundColor: '#d0cf22',
    borderRadius: 10,
  },
});

export default memo(NextButton);

我想知道如何自定义旋转框的箭头。

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button !important;
    opacity: 1 !important;
}

<input type="number" />

这就是我想要得到的。

我应该从哪里开始？（我必须使用 jQuery 小部件或 javascript 来自定义它吗？）