Tag: height: ‘60%’

Duplicate content, canonical url and json-ld Article

Post author By Q+A Expert
Post date May 23, 2020
No Comments on Duplicate content, canonical url and json-ld Article

If I have a duplicate content, which URLs should I use in json-ld Article schema? To be precise, let’s say I want to publish an article from my blog.example.xyz on another site e.g. popular.example.com. When I publish the article on popular.example.com I go and update canonical URL on my blog.example.xyz, and og:url property (both should […]

Tags "author": { "name" : "Gitnik" }, "dateModified" : "2020-05-18T21:00:00", "datePublished" : "2020-05-18T21:00:00", "description" : "Uhm, "headline": "My Duplicate Article", "image" : "http:\/\/blog.example.xyz\/img\/logo.png", "inLanguage": "en", "logo": { "@type": "ImageObject", "mainEntityOfPage" : "http:\/\/blog.example.xyz\/2020\/05\/my-duplicate-article\/", "name" : "http:\/\/blog.example.xyz\/", "publisher" => [ "@type" => "Organization", "type": "ARTICLE" } }, "url" : "http:\/\/blog.example.xyz\/img\/logo.png", "width" : 60 } } } but Google states that mainEntityOfPage should be same as canonical URL. Now, "wordCount": 600, and og:url property (both should be same as implied here): <link rel="canonical" href="https://popular., height: '60%', how do I deal with Article entity in case of duplicate content?", However, If I have a duplicate content, it's easy to update mainEntityOfPage to the new url. But what about image url and organization? Can image url point to a location other than, let's say I want to publish an article from my blog.example.xyz on another site e.g. popular.example.com. When I publish the article on popul, usually all URLs within it point to my own blog.example.xyz {, which URLs should I use in json-ld Article schema? To be precise

Development

Need help forming valid “citation” data in schema.org structure

Post author By Full Stack
Post date March 2, 2020
No Comments on Need help forming valid “citation” data in schema.org structure

I’m struggling to understand how to properly format the citation property for Articles on a website. The documentation only indicates it accepts Text or CreativeWork types, but how would I add multiple? Can I make it an array? Right now I have something like this: [{ “@context”: “http:\/\/schema.org”, “@type”: “Article”, “mainEntityOfPage”: { “@type”: “WebPage”, “@id”: […]

Tags 'keywords', 'width': 600, "@id": "https:\/\/bhamrick.com\/#logo", "@id": "https:\/\/bhamrick.com\/#organization", "@id": "https:\/\/bhamrick.com\/article-url\/" }, "articleSection": "Article Category", "author " => [ "@type" => "Person", "citation": [] }] For the "citation" property, "dateModified": "2020-02-26T18:24:00+00:00", "datePublished": "2019-12-10T18:10:23-08:00", "description": "This is an excerpt from the article", "description": "This is my bio.", "headline": "Article Title", "height": 628 }, "https:\/\/twitter.com\/https:\/\/twitter.com\/bhamrick"] }, "image": { "@type": "ImageObject", "logo": { "@type": "ImageObject", "mainEntityOfPage": { "@type": "WebPage", "name": "Bryce Hamrick", "publisher" => [ "@type" => "Organization", "sameAs": "https:\/\/www.ncbi.nlm.nih.gov\/pmc\/articles\/01234567\/" }, "sameAs": "https:\/\/www.ncbi.nlm.nih.gov\/pmc\/articles\/567891011\/" } ] What other data is beneficial to include for crawlers like Go, "sameAs": ["https:\/\/bhamrick.com\/", "type": "ARTICLE" } }, "url": "https:\/\/bhamrick.com\/article-url\//", "url": "https:\/\/cdn.bhamrick.com\/article-image.jpg", "url": "https:\/\/cdn.bhamrick.com\/logo.png", "wordCount": 5151, { "@type": "CreativeWork", but how would I add multiple? Can I make it an array? Right now I have something like this: [{ "@context": "http:\/\/schema.org", height: '60%', I'm struggling to understand how to properly format the citation property for Articles on a website. The documentation only indicates it acce, should I change it to look like this? "citation: [ { "@type": "CreativeWork", url, width = 1200

Development

Why is my FutureBuilder not working when I press quickly

Post author By Full Stack
Post date February 16, 2020
No Comments on Why is my FutureBuilder not working when I press quickly

First of all, I am not experienced with Flutter/Dart or even programming, so this might be crap coding, but I tried my best to fix and research before asking here. So I have a page in an app where I need to update data from Firestore live with a StreamBuilder. And the only solution I […]

Tags ), builder: (context, but I tried my best to fix and research before asking here. So I have a page in an app where I need to update data from Firestore live with, child: Text("Loading..."), children: [ SizedBox( child: CircularProgressIndicator(), const Padding( padding: EdgeInsets.only(top: 16), First of all, height: '60%', I am not experienced with Flutter/Dart or even programming, snapshotStream) { if (snapshotStream.connectionState == ConnectionState.waiting) { return SafeArea( child: Co, so this might be crap coding, was to include a FutureBuilder inside of the StreamBuilder. StreamBuilder and FutureBuilder @override Widget build(BuildContext context) {, width: 60

Development

Having a hard time to navigate from one screen to another in React Native

Post author By Full Stack
Post date February 9, 2020
No Comments on Having a hard time to navigate from one screen to another in React Native

Every time I try to run the following code I get the error below: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named […]

Tags 'fontWeight': 'bold'} ), { backgroundColor: "green", { name: "Jane" })} style={styles.buttonIn} > Log In </Touc, alignItems: 'center', available Worldwide ); } } const styles = StyleSheet.create({ container: { flex:, backgroundColor: "blue"}, backgroundImage: { flex: 1, borderRadius: 5, Button } from "react-native"; export default class Profile extends React.Component { static navigationOptions = ({ navigation }) => {, buttonIn: { marginTop: 400, buttonText: { fontSize: 20, buttonUp: { paddingTop: 10, color: 'black' } }, Every time I try to run the following code I get the error below: Element type is invalid: expected a string (for built-in components) or a, fontSize: "15", fontSize: 18, fontSize: 37, height: '100%', height: '60%', ImageBackground, instructions: { color: "#888", justifyContent: 'center', latitudeDelta: 0.922, longitude: -122.4324, longitudeDelta: 0.0421 } }; } render() { const { navigate, mainScreen: { color: "black", marginBottom: 10 } }); Profile.js import React from "react"; import { MapView } from "expo"; import { StyleSheet, marginHorizontal: 15, marginTop: 20, marginTop: 70 }, or you might have mixed up default and named imports. Check the render method of Profile. App.js import { createAppContainer } from "react, p: { color: "black", paddingTop: '10%' }, paddingTop: 5 }, Profile: { screen: Profile } }); const App = createAppContainer(Navigator); export default App; Home.js import React from "react"; import, state } = this.props.navigation; return ( <MapView initialRegion={this.state.reg, Text, textAlign: 'center', TouchableOpacity } from "react-native"; export default class Home extends React.Component { static navigationOptions = { title: "Home", view, width: 100, width: 240, world!")} style={styles.buttonUp} > Sign Up </TouchableOpa

Development

SwiftUI NavigationBarItems get shrinked after navigating back from NavigationLinkDestination

Post author By Full Stack
Post date January 31, 2020
No Comments on SwiftUI NavigationBarItems get shrinked after navigating back from NavigationLinkDestination

I have the header of my iOS app built in SwiftUI, using another view as the leading view in NavigationBarItems .navigationBarItems(leading: NewsTitleHeader().frame(width: geometry.size.width, height: 60, alignment: .center)) looks like this All good, but after navigating back from any of the NavigationLink view destinations, the logo of the app gets cut, as seen below. here is […]

Tags "alignment": "center" }, alignment: .center)) looks like this All good, as seen below. here is all the code struct test: View { var body: some View { GeometryReader { geometry in ZStack {, but after navigating back from any of the NavigationLink view destinations, height: '60%', I have the header of my iOS app built in SwiftUI, showsIndicators: false) { VStack (alignment: .center) { NavigationLink(destination: Toda, the logo of the app gets cut, using another view as the leading view in NavigationBarItems .navigationBarItems(leading: NewsTitleHeader().frame(width: geometry.size.width

Development

The component for route ‘router’ must be a React component

Post author By Full Stack
Post date January 13, 2020
No Comments on The component for route ‘router’ must be a React component

I am facing this error says The component for route ‘router’ must be a React componenent. Unable to check on which line it is showing an error. Any suggestions, thanks App Navigator class import { createStackNavigator } from ‘react-navigation-stack’ import Login from ‘./src/Login’; import Fruits from ‘./src/Fruits’; import FruitZoom from ‘./src/FruitZoom’; const AppNavigator = createStackNavigator({ […]

Tags { Component } from 'react'; import AppNavigator from './AppNavigator'; export default class App extends Component { render() { return, { initialRouteName: 'Login' });, { name: 'Avocado', { name: 'black currant', { name: 'coconut', { name: 'Kiwi', { name: 'pomegranate', }, } ]; FruitZoom class import React from 'react'; import { StyleSheet, } from 'react-native'; import { Button, } from 'react-native'; import { NavigationEvents } from 'react-navigation'; export default class FruitZoom extends React.Component { sta, }); App.js class import React, }); const list = [ { name: 'Apple', Admin' }; } render() { const bgColor = colors.green01; return ( <KeyboardAvoidingView style={[{ backgroundColo, alignItems: 'center', avoidView: { paddingLeft: 30, backgroundColor: '#52BE80' }, backgroundColor: '#fff', backgroundColor: Colors.white, borderRadius: '50%', bottom : 20, button: { alignItems: "center", buttonWrapper: { alignItems: "flex-end", color: '#FFFFFF', flex: 1, fontWeight: "300", Fruits: { screen: Fruits}, FruitZoom: { screen: FruitZoom} }, headerMode: 'none' }); export default createStackNavigator(AppNavigator); Login class import React from 'react'; import { Keyboar, height: '60%', I am facing this error says The component for route 'router' must be a React componenent. Unable to check on which line it is showing an erro, icon: { marginRight: -2, image: require('../assets/images/apple.png'), image: require('../assets/images/avocado.png'), image: require('../assets/images/BlackCurrent.png'), image: require('../assets/images/coconut.png'), image: require('../assets/images/kiwi.png'), image: require('../assets/images/pomegranate.png'), justifyContent: 'center', ListItem} from 'react-native-elements'; export default class Fruits extends React.Component { constructor(props) { super(props);, loginHeader: { fontSize: 28, marginBottom: 40 }, marginTop: -2 } }); Fruits class import React from 'react'; import { StyleSheet, paddingRight: 30, paddingTop: 20, right : 20, ScrollView, scrollViewWrapper: { marginTop: 70, so help me to resolve this issue and what line it is showing an error. Thank you, styles.button]} title="Go to Fruit Store" onPress={() => this.props.navigation.navigate('Fruits')} />, styles.button]}> <Icon name="angle-right" color={colors.green01} size={, styles.wrapper]} behavior="padding" > <ScrollView style={styles.scrol, StyleSheet, Text, thanks App Navigator class import { createStackNavigator } from 'react-navigation-stack' import Login from './src/Login'; import, TouchableHighlight, view, View } from 'react-native'; import { Button } from 'react-native-elements'; import Icon from "react-native-vector-icons/FontAwesome"; import, width: 60

Development

Warning: Each child in a list should have a unique “key” prop.%s%s

Post author By Full Stack
Post date December 17, 2019
No Comments on Warning: Each child in a list should have a unique “key” prop.%s%s

Hello to the whole community. I am doing a project in which the restaurants in my city can place their dishes and generate orders through the Application. But I am having an error with my project when executing it. This is the mistake I am having. Warning: Each child in a list should have a […]

Tags (req, [] ); return { loading, { headerMode: 'none', { id: item.id })} name = { item.name } /> } />, { initialRouteName: 'Meals' }); const RootStack = createStackNavigator( { Main: AppNavigation, { useNewUrlParser: true, }, } from 'react-native'; import UseFetch from '../hooks/useFetch'; export default ({navigation}) => { const id = navigation.getParam('_id, }); const styles = StyleSheet.create({ container: { flex: 1, }); export default createAppContainer( RootStack ); Meals import React from 'react'; import { Text, })); module.exports = Meal; I don't know why the information is duplicating me. I appreciate the collaboration you can give me. Thank you, alignItems: 'center', alignItems: 'flex-start', backgroundColor: '#fff', borderBottomColor: '#eee' }, borderBottomWidth: 1, data } } export default UseFetch; My modal.js import React from 'react'; import { View, data } = UseFetch(`https://serverless.mgyavega.now.sh/api/meals/${id}`); console.log( 'Información del id del menú: ', data: meals } = UseFetch('https://serverless.mgyavega.now.sh/api/meals'); return(, desc: String, FlatList } from 'react-native'; import ListItem from '../components/ListItem'; import UseFetch from '../hooks/useFetch'; const Meals = ({nav, height: '60%', Hello to the whole community. I am doing a project in which the restaurants in my city can place their dishes and generate orders through th, id ); return ( loading ? Cargando : </, in CellRenderer (at VirtualizedList.js:767) in VirtualizedList (at FlatList.js:676) in FlatList (at Meals.tsx:14) in RCTView (at, justifyContent: 'center', justifyContent: 'center' } }); export default Meals; Create a list that calls the Flatlist action and manage the information on my list, justifyContent: 'flex-start', list: { alignSelf: 'stretch' }, meals); app.use('/api/orders', Modal: Modal, mode: 'modal', new Schema({ name: String, onPress }) => { return ( <Text style = { styles.t, orders); module.exports = app; Meals.js var express = require('express'); var Meals = require('../models/meals'); var router = express.Rou, res ) => { Meals.find() .exec() .then( x => { res.status(200).send(x) }); }); router.get('/:id', res ) => { Meals.findById(req.params.id) .exec() .then( x => { res.status(200).send(x); }); }); Model, setData] = useState([]); const fetchData = async () => { const response = await fetch(url); const data = await respon, setLoading] = useState(true); const [data, StyleSheet, StyleSheet } from 'react-native'; export default ({ name, Text, text: { flex: 1, text: { fontSize: 16 } }); Get the url of my project. UseFecth.js import { useEffect, useState } from 'react'; const UseFetch = ( url ) => { const [loading, useUnifiedTopology: true } ); app.use('/api/meals', view, Ziet and Node.js. This is my route. index.js var express = require('express'); var mongoose = require('mongoose'); var bodyParser = requir

Development

Camera Preview in Expo is Distorted

Post author By Full Stack
Post date October 31, 2019
No Comments on Camera Preview in Expo is Distorted

I’m using Camera that comes from expo package and I’m having trouble with camera preview distortion. The preview makes images appear wider in landscape view and thinner in portrait view. Most of the solutions I have found are not using expo-camera. Relevant Code: camera.page.js: import React from ‘react’; import { View, Text } from ‘react-native’; […]

Tags "top": 0 } }, }, }; async componentDidMount() { const camera = await Permissions.askAsync(Permissions.CAMERA); const audio = await Permis, alignCenter: { flex: 1, alignItems: 'center', backgroundColor: "red"}, borderColor: 'transparent' }, borderColor: "#FFFFFF", borderRadius: 60, borderRadius: 76, borderWidth: 2, bottom: 0, bottomToolbar: { width: winWidth, captureBtn: { width: 60, captureBtnActive: { width: 80, captureBtnInternal: { width: 76, Dimensions } from 'react-native'; const { width: winWidth, height: '100%', height: '60%', height: 76, height: 80, height: winHeight } = Dimensions.get('window'); export default StyleSheet.create({ preview: { height: winHeight, I'm using Camera that comes from expo package and I'm having trouble with camera preview distortion. The preview makes images appear wider in, justifyContent: 'center', left: 0, paddingBottom: 1000, position: 'absolute', right: 0, Text } from 'react-native'; import { Camera } from 'expo-camera'; import * as Permissions from 'expo-permissions' import { Platform } from 'r, what can I do to fix this?, width: winWidth

Development

How to deal with mapStateToProps() function when doing two different actions on the same page?

Post author By Full Stack
Post date October 23, 2019
No Comments on How to deal with mapStateToProps() function when doing two different actions on the same page?

After 2 days of research from my side hope I will find an answer here ! I’m calling an API to retrieve a list of films. Films are displayed into a view called “new films” Inside this view, I have two possibilities : put a film as favorite (by clicking on the “heart” icon) AND […]

Tags 'image' ];, 'marginTop' => 10, "platform", "top": 0 } }, () => { this._updateNavigationParams() }) return } // Le film n'est pas dans nos favoris, () => { this._updateNavigationParams()}) })} _shareFilm(){ const { film } = this.state Share.share({ title: film.title, }, 0[.]00 $')} Genre(s) : {film.genres.map(function(genre){ return genre.name;, ActivityIndicator, After 2 days of research from my side hope I will find an answer here ! I'm calling an API to retrieve a list of films. Films are displayed, alignItems: 'center', backgroundColor: '#e91e63', borderRadius: 30, bottom: 0, bottom: 30, Buttom:{ backgroundColor:'dodgerblue', Button } from 'react-native' import { getFilmDetailFromApi, celui-ci s'agrandise => shouldEnlarge a true! if (this.props.favoritesFilm.findIndex (item => item.id === this.state.film.id) !== -1), color: '#000000' } }, color: '#666666', color:'white' } }) const mapStateToProps= (state) =>{ return { favoritesFilm: state.toggleFavorite.favoritesFilm } } export defaul, default_text: { marginLeft: 5, description_text: { fontStyle: 'italic', favorite_container:{ alignItems: 'center' }, favorite_image:{ flex: 1, film: this.state.film }) } componentDidMount() { const favoriteFilmIndex = this.props.favoritesFilm.findIndex(item => item.id === thi, flex: 1, flexWrap: 'wrap', fontSize: 19, fontSize: 35, getImageFromApi } from '../API/TMDBApi' import moment from 'moment' import numeral from 'numeral' import {connect} from 'react-redux' import, height: '60%', height: 30 }, height: null }, I have two possibilities : put a film as favorite (by clicking on the "heart" icon) AND click on the blue button which say "I saw this film", I'm trying to do approximatively the same thing on the same class "FilmDetail" when I click on the button "I saw this film" except films will, il faut donc passe par une Touchable une fois de plus headerRight: <TouchableOpacity style={styles.share_touchable_he, image: { height: 169, isLoading: false, isLoading: false } this._shareFilm = this._shareFilm.bind(this) } _updateNavigationParams() { this.props.navigation.setParams({, justifyContent: 'center', justifyContent:'center' }, left: 0, Loading_container:{ position: 'absolute', margin: 5 }, marginBottom: 10, marginBottom: 15 }, marginLeft: 5, marginRight: 5, marginTop: 5, message: film.overview }) } _displayFloatingActionButton(){ const { film } = this.state if ( film != undefined && Platform.OS === 'a, on a déjà son détail // Pas besoin d'appeler l'API ici, on ajoute le détail stocké dans notre state global au state de notre component this.setState({ film: this.props.favoritesFilm[f, on n'a pas son détail // On appelle l'API pour récupérer son détail this.setState({ isLoading: true }) getFilmDetailFromApi(this., right: 0, right: 30, ScrollView, scrollview_container:{ flex: 1, share, share_image:{ width: 30, share_touchable_floatingactionbutton:{ position: 'absolute', share_touchable_headerrightbutton: { marginRight: 8 }, Text, text:{ textAlign:'center', textAlign: 'center', title_text: { fontWeight: 'bold', TouchableOpacity, value: this.state.film } this.props.dispatch(action) } componentDidUpdate() { console.log(this.props.favoritesFilm); } _di, view, when I put a film as favorite it works; The state changes (see mapStateToProps() function) and I retrieve this film by clicking on the tab of, width: 60, width: null

Development

Office add-in Office.context.ui.displayDialogAsync window will not appear with “On Send” feature activated

Post author By Full Stack
Post date October 11, 2019
No Comments on Office add-in Office.context.ui.displayDialogAsync window will not appear with “On Send” feature activated

I am trying to add an Office Dialog window to the “No Send” tutorial. I can run the tutorial perfectly and the blocked words are blocked as expected. However, when I attempt to modify the tutorial to add a displayDialogAsync(), the dialog code is completely ignored, and I never see a pop-up window at all. […]

Tags { type: 'errorMessage', { width: 80, and I never see a pop-up window at all. Here are my modifications, and I see an error: The operation failed because this add-in already has an active dialog. I've verified that my test HTML exists and is re, args => { console.log("MSG RECVD") console.log(args.status), displayInIframe: true }, function(result) { if (result.status === Office.AsyncResultStatus.Failed) { console.log("FAILED: " +, height: '60%', I am trying to add an Office Dialog window to the "No Send" tutorial. I can run the tutorial perfectly and the blocked words are blocked as e, I will make it into the function, message: 'Processing mail about to be sent.' }); var dialog var url = "https://localhost:3000/test.html", result.error)) } dialog = result.value dialog.addEventHandler(Office.EventType.DialogMessageReceiv, the dialog code is completely ignored, when I attempt to modify the tutorial to add a displayDialogAsync(), with displayInIFrame set to false: function validateBody(asyncResult) { Office.context.mailbox.item.notificationMessages.addAsync('