在React Native中，可以使用View组件和样式来创建一个带有背景和箭头三角形边框的视图。下面是一个示例代码：

import React from 'react';
import { View, StyleSheet } from 'react-native';

const TriangularBorderView = () => {
  return (
    
      
      
        {/* 在这里添加视图内容 */}
      
    
  );
};

const styles = StyleSheet.create({
  container: {
    position: 'relative',
    backgroundColor: '#f0f0f0',
  },
  triangle: {
    position: 'absolute',
    top: 0,
    left: 0,
    borderLeftWidth: 50,
    borderRightWidth: 50,
    borderBottomWidth: 50,
    borderStyle: 'solid',
    backgroundColor: 'transparent',
    borderLeftColor: 'transparent',
    borderRightColor: 'transparent',
    borderBottomColor: '#f0f0f0',
  },
  content: {
    padding: 10,
  },
});

export default TriangularBorderView;

在上面的代码中，我们使用了View组件来创建一个容器视图，triangle样式定义了一个绝对定位的三角形边框，content样式定义了内容视图的样式。你可以在content视图中添加你需要显示的内容。将上述代码保存为一个名为TriangularBorderView.js的文件，在其他组件中导入并使用即可：

import React from 'react';
import { View, Text } from 'react-native';
import TriangularBorderView from './TriangularBorderView';

const App = () => {
  return (
    
      
        这是一个带有背景和箭头三角形边框的视图
      
    
  );
};

export default App;

在上面的示例中，我们在TriangularBorderView组件中使用了Text组件作为视图内容。你可以根据需求添加其他视图组件来替代Text组件。